REDORB12

Palette mit 12 Farben · Warm · Dunkel · Harmonie: Monochrom

Zurück zur Bibliothek

REDORB12

Palette mit 12 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Monochrom

Bearbeiten

Erdig 12 Farben Warm Dunkel Monochrom monoramp dark black red

Likes 68

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #060607;
  --c-earthy-2: #1D1E21;
  --c-earthy-3: #261415;
  --c-earthy-4: #372625;
  --c-earthy-5: #452727;
  --c-earthy-6: #602322;
  --c-earthy-7: #8D2523;
  --c-earthy-8: #BA332D;
  --c-earthy-9: #FF4537;
  --c-earthy-10: #FF8E6D;
  --c-earthy-11: #F1A39D;
  --c-earthy-12: #FFCBB5;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Peach and Quiet (#FFCBB5) bis zum dunkelsten Ton Black Metal (#060607). Sie vereint Black Metal, Inkwell Inception, Used Oil, Aubergine, New Bulgarian Rose, Full City Roast, Old Mandarin, Molten Lava, Hotspot, Salmon Orange, Modestly Peach und Peach and Quiet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 22 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #060607 auf #FFCBB5 mit 13,95:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Black Metal #060607

RGB: rgb(6, 6, 7)
HSL: hsl(240, 8%, 3%)
Luminanz: 0,002

Inkwell Inception #1D1E21

RGB: rgb(29, 30, 33)
HSL: hsl(225, 6%, 12%)
Luminanz: 0,013

Used Oil #261415

RGB: rgb(38, 20, 21)
HSL: hsl(357, 31%, 11%)
Luminanz: 0,010

Aubergine #372625

RGB: rgb(55, 38, 37)
HSL: hsl(3, 20%, 18%)
Luminanz: 0,023

New Bulgarian Rose #452727

RGB: rgb(69, 39, 39)
HSL: hsl(0, 28%, 21%)
Luminanz: 0,029

Full City Roast #602322

RGB: rgb(96, 35, 34)
HSL: hsl(1, 48%, 25%)
Luminanz: 0,038

Old Mandarin #8D2523

RGB: rgb(141, 37, 35)
HSL: hsl(1, 60%, 35%)
Luminanz: 0,071

Molten Lava #BA332D

RGB: rgb(186, 51, 45)
HSL: hsl(3, 61%, 45%)
Luminanz: 0,130

Hotspot #FF4537

RGB: rgb(255, 69, 55)
HSL: hsl(4, 100%, 61%)
Luminanz: 0,258

Salmon Orange #FF8E6D

RGB: rgb(255, 142, 109)
HSL: hsl(14, 100%, 71%)
Luminanz: 0,417

Modestly Peach #F1A39D

RGB: rgb(241, 163, 157)
HSL: hsl(4, 75%, 78%)
Luminanz: 0,473

Peach and Quiet #FFCBB5

RGB: rgb(255, 203, 181)
HSL: hsl(18, 100%, 85%)
Luminanz: 0,673

Kontrast & Barrierefreiheit

22 von 66 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #060607 auf #FFCBB5 13,95:1 AAA

Aa #261415 auf #FFCBB5 12,12:1 AAA

Aa #1D1E21 auf #FFCBB5 11,48:1 AAA

Aa #060607 auf #F1A39D 10,09:1 AAA

Aa #372625 auf #FFCBB5 9,86:1 AAA

Aa #452727 auf #FFCBB5 9,20:1 AAA

Aa #060607 auf #FF8E6D 9,01:1 AAA

Aa #261415 auf #F1A39D 8,77:1 AAA

Aa #1D1E21 auf #F1A39D 8,31:1 AAA

Aa #602322 auf #FFCBB5 8,21:1 AAA

Aa #261415 auf #FF8E6D 7,83:1 AAA

Aa #1D1E21 auf #FF8E6D 7,41:1 AAA

Aa #372625 auf #F1A39D 7,14:1 AAA

Aa #452727 auf #F1A39D 6,66:1 AA

Aa #372625 auf #FF8E6D 6,37:1 AA

Aa #8D2523 auf #FFCBB5 5,97:1 AA

Aa #060607 auf #FF4537 5,94:1 AA

Aa #452727 auf #FF8E6D 5,94:1 AA

Aa #602322 auf #F1A39D 5,94:1 AA

Aa #602322 auf #FF8E6D 5,31:1 AA

Aa #261415 auf #FF4537 5,16:1 AA

Aa #1D1E21 auf #FF4537 4,89:1 AA

Aa #8D2523 auf #F1A39D 4,32:1 AA (großer Text)

Aa #372625 auf #FF4537 4,20:1 AA (großer Text)

Aa #BA332D auf #FFCBB5 4,02:1 AA (großer Text)

Aa #452727 auf #FF4537 3,92:1 AA (großer Text)

Aa #8D2523 auf #FF8E6D 3,86:1 AA (großer Text)

Aa #602322 auf #FF4537 3,50:1 AA (großer Text)

Aa #060607 auf #BA332D 3,47:1 AA (großer Text)

Aa #261415 auf #BA332D 3,02:1 AA (großer Text)

Aa #BA332D auf #F1A39D 2,91:1 Nicht bestanden

Aa #1D1E21 auf #BA332D 2,86:1 Nicht bestanden

Aa #BA332D auf #FF8E6D 2,60:1 Nicht bestanden

Aa #8D2523 auf #FF4537 2,54:1 Nicht bestanden

Aa #372625 auf #BA332D 2,45:1 Nicht bestanden

Aa #FF4537 auf #FFCBB5 2,35:1 Nicht bestanden

Aa #060607 auf #8D2523 2,34:1 Nicht bestanden

Aa #452727 auf #BA332D 2,29:1 Nicht bestanden

Aa #602322 auf #BA332D 2,04:1 Nicht bestanden

Aa #261415 auf #8D2523 2,03:1 Nicht bestanden

Aa #1D1E21 auf #8D2523 1,92:1 Nicht bestanden

Aa #BA332D auf #FF4537 1,71:1 Nicht bestanden

Aa #060607 auf #602322 1,70:1 Nicht bestanden

Aa #FF4537 auf #F1A39D 1,70:1 Nicht bestanden

Aa #372625 auf #8D2523 1,65:1 Nicht bestanden

Aa #FF8E6D auf #FFCBB5 1,55:1 Nicht bestanden

Aa #452727 auf #8D2523 1,54:1 Nicht bestanden

Aa #060607 auf #452727 1,52:1 Nicht bestanden

Aa #FF4537 auf #FF8E6D 1,52:1 Nicht bestanden

Aa #8D2523 auf #BA332D 1,49:1 Nicht bestanden

Aa #261415 auf #602322 1,48:1 Nicht bestanden

Aa #060607 auf #372625 1,41:1 Nicht bestanden

Aa #1D1E21 auf #602322 1,40:1 Nicht bestanden

Aa #602322 auf #8D2523 1,38:1 Nicht bestanden

Aa #F1A39D auf #FFCBB5 1,38:1 Nicht bestanden

Aa #261415 auf #452727 1,32:1 Nicht bestanden

Aa #1D1E21 auf #452727 1,25:1 Nicht bestanden

Aa #261415 auf #372625 1,23:1 Nicht bestanden

Aa #060607 auf #1D1E21 1,22:1 Nicht bestanden

Aa #372625 auf #602322 1,20:1 Nicht bestanden

Aa #1D1E21 auf #372625 1,16:1 Nicht bestanden

Aa #060607 auf #261415 1,15:1 Nicht bestanden

Aa #452727 auf #602322 1,12:1 Nicht bestanden

Aa #FF8E6D auf #F1A39D 1,12:1 Nicht bestanden

Aa #372625 auf #452727 1,07:1 Nicht bestanden

Aa #1D1E21 auf #261415 1,06:1 Nicht bestanden

REDORB12

REDORB12

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen