Registrieren Registrieren
Haunted Woods

Haunted Woods

Palette mit 12 Farben · Kühl · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Haunted Woods

Palette mit 12 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten
Erdig 12 Farben Kühl Dunkel Komplementär green orange blue forest
Likes 14
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #09001A;
  --c-earthy-2: #001730;
  --c-earthy-3: #192A47;
  --c-earthy-4: #273746;
  --c-earthy-5: #332F16;
  --c-earthy-6: #324A46;
  --c-earthy-7: #64757B;
  --c-earthy-8: #96746D;
  --c-earthy-9: #B57163;
  --c-earthy-10: #8C9DB7;
  --c-earthy-11: #D1A582;
  --c-earthy-12: #EED59A;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton White Corn (#EED59A) bis zum dunkelsten Ton Midnight Jam (#09001A). Sie vereint Midnight Jam, Oxford by Night, Rurikon Blue, Tahitian Pearl, Olivenite, Frontier, Wharf View, Mulberry Silk, Vin Cuit, Forever Blue, Sunset Beige und White Corn in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #09001A auf #EED59A mit 14,24: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

Midnight Jam #09001A
RGB
rgb(9, 0, 26)
HSL
hsl(261, 100%, 5%)
Luminanz
0,001
Oxford by Night #001730
RGB
rgb(0, 23, 48)
HSL
hsl(211, 100%, 9%)
Luminanz
0,008
Rurikon Blue #192A47
RGB
rgb(25, 42, 71)
HSL
hsl(218, 48%, 19%)
Luminanz
0,023
Tahitian Pearl #273746
RGB
rgb(39, 55, 70)
HSL
hsl(209, 28%, 21%)
Luminanz
0,036
Olivenite #332F16
RGB
rgb(51, 47, 22)
HSL
hsl(52, 40%, 14%)
Luminanz
0,028
Frontier #324A46
RGB
rgb(50, 74, 70)
HSL
hsl(170, 19%, 24%)
Luminanz
0,060
Wharf View #64757B
RGB
rgb(100, 117, 123)
HSL
hsl(196, 10%, 44%)
Luminanz
0,169
Mulberry Silk #96746D
RGB
rgb(150, 116, 109)
HSL
hsl(10, 16%, 51%)
Luminanz
0,201
Vin Cuit #B57163
RGB
rgb(181, 113, 99)
HSL
hsl(10, 36%, 55%)
Luminanz
0,225
Forever Blue #8C9DB7
RGB
rgb(140, 157, 183)
HSL
hsl(216, 23%, 63%)
Luminanz
0,331
Sunset Beige #D1A582
RGB
rgb(209, 165, 130)
HSL
hsl(27, 46%, 66%)
Luminanz
0,421
White Corn #EED59A
RGB
rgb(238, 213, 154)
HSL
hsl(42, 71%, 77%)
Luminanz
0,681

Kontrast & Barrierefreiheit

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

Aa #09001A auf #EED59A 14,24:1 AAA
Aa #001730 auf #EED59A 12,55:1 AAA
Aa #192A47 auf #EED59A 9,99:1 AAA
Aa #332F16 auf #EED59A 9,38:1 AAA
Aa #09001A auf #D1A582 9,17:1 AAA
Aa #273746 auf #EED59A 8,49:1 AAA
Aa #001730 auf #D1A582 8,08:1 AAA
Aa #09001A auf #8C9DB7 7,42:1 AAA
Aa #324A46 auf #EED59A 6,63:1 AA
Aa #001730 auf #8C9DB7 6,54:1 AA
Aa #192A47 auf #D1A582 6,43:1 AA
Aa #332F16 auf #D1A582 6,04:1 AA
Aa #273746 auf #D1A582 5,47:1 AA
Aa #09001A auf #B57163 5,36:1 AA
Aa #192A47 auf #8C9DB7 5,21:1 AA
Aa #09001A auf #96746D 4,89:1 AA
Aa #332F16 auf #8C9DB7 4,89:1 AA
Aa #001730 auf #B57163 4,73:1 AA
Aa #273746 auf #8C9DB7 4,43:1 AA (großer Text)
Aa #001730 auf #96746D 4,30:1 AA (großer Text)
Aa #324A46 auf #D1A582 4,27:1 AA (großer Text)
Aa #09001A auf #64757B 4,26:1 AA (großer Text)
Aa #192A47 auf #B57163 3,76:1 AA (großer Text)
Aa #001730 auf #64757B 3,75:1 AA (großer Text)
Aa #332F16 auf #B57163 3,53:1 AA (großer Text)
Aa #324A46 auf #8C9DB7 3,46:1 AA (großer Text)
Aa #192A47 auf #96746D 3,43:1 AA (großer Text)
Aa #64757B auf #EED59A 3,34:1 AA (großer Text)
Aa #332F16 auf #96746D 3,22:1 AA (großer Text)
Aa #273746 auf #B57163 3,20:1 AA (großer Text)
Aa #192A47 auf #64757B 2,99:1 Nicht bestanden
Aa #273746 auf #96746D 2,91:1 Nicht bestanden
Aa #96746D auf #EED59A 2,91:1 Nicht bestanden
Aa #332F16 auf #64757B 2,80:1 Nicht bestanden
Aa #B57163 auf #EED59A 2,65:1 Nicht bestanden
Aa #273746 auf #64757B 2,54:1 Nicht bestanden
Aa #324A46 auf #B57163 2,50:1 Nicht bestanden
Aa #324A46 auf #96746D 2,28:1 Nicht bestanden
Aa #09001A auf #324A46 2,15:1 Nicht bestanden
Aa #64757B auf #D1A582 2,15:1 Nicht bestanden
Aa #324A46 auf #64757B 1,98:1 Nicht bestanden
Aa #8C9DB7 auf #EED59A 1,92:1 Nicht bestanden
Aa #001730 auf #324A46 1,89:1 Nicht bestanden
Aa #96746D auf #D1A582 1,88:1 Nicht bestanden
Aa #64757B auf #8C9DB7 1,74:1 Nicht bestanden
Aa #B57163 auf #D1A582 1,71:1 Nicht bestanden
Aa #09001A auf #273746 1,68:1 Nicht bestanden
Aa #D1A582 auf #EED59A 1,55:1 Nicht bestanden
Aa #09001A auf #332F16 1,52:1 Nicht bestanden
Aa #96746D auf #8C9DB7 1,52:1 Nicht bestanden
Aa #192A47 auf #324A46 1,51:1 Nicht bestanden
Aa #001730 auf #273746 1,48:1 Nicht bestanden
Aa #09001A auf #192A47 1,43:1 Nicht bestanden
Aa #332F16 auf #324A46 1,41:1 Nicht bestanden
Aa #B57163 auf #8C9DB7 1,38:1 Nicht bestanden
Aa #001730 auf #332F16 1,34:1 Nicht bestanden
Aa #273746 auf #324A46 1,28:1 Nicht bestanden
Aa #001730 auf #192A47 1,26:1 Nicht bestanden
Aa #64757B auf #B57163 1,26:1 Nicht bestanden
Aa #8C9DB7 auf #D1A582 1,24:1 Nicht bestanden
Aa #192A47 auf #273746 1,18:1 Nicht bestanden
Aa #64757B auf #96746D 1,15:1 Nicht bestanden
Aa #09001A auf #001730 1,14:1 Nicht bestanden
Aa #273746 auf #332F16 1,10:1 Nicht bestanden
Aa #96746D auf #B57163 1,10:1 Nicht bestanden
Aa #192A47 auf #332F16 1,07:1 Nicht bestanden

Ähnliche Paletten

#212121 #323232 #0D7377 #14FFEC
4 Farben
#0A2647 #144272 #205295 #2C74B3
4 Farben
#040D12 #183D3D #5C8374 #93B1A6
4 Farben
#142850 #27496D #0C7B93 #00A8CC
4 Farben
#635985 #443C68 #393053 #18122B
4 Farben
#000000 #150050 #3F0071 #610094
4 Farben
#151515 #301B3F #3C415C #B4A5A5
4 Farben
#041C32 #04293A #064663 #ECB365
4 Farben