Forest Glow

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

Zurück zur Bibliothek

Forest Glow

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

Bearbeiten

Erdig 7 Farben Kühl Dunkel Komplementär green monoramp dark blue

Likes 202

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #00070D;
  --c-earthy-2: #0B162A;
  --c-earthy-3: #1F2C3D;
  --c-earthy-4: #26464B;
  --c-earthy-5: #5F6D43;
  --c-earthy-6: #97933A;
  --c-earthy-7: #DECA54;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Citrus Spice (#DECA54) bis zum dunkelsten Ton Eight Ball (#00070D). Sie vereint Eight Ball, Liberty Blue, Tangaroa, Mysterious Waters, Pandanus, Plantain und Citrus Spice in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #00070D auf #DECA54 mit 12,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

Eight Ball #00070D

RGB: rgb(0, 7, 13)
HSL: hsl(208, 100%, 3%)
Luminanz: 0,002

Liberty Blue #0B162A

RGB: rgb(11, 22, 42)
HSL: hsl(219, 58%, 10%)
Luminanz: 0,008

Tangaroa #1F2C3D

RGB: rgb(31, 44, 61)
HSL: hsl(214, 33%, 18%)
Luminanz: 0,024

Mysterious Waters #26464B

RGB: rgb(38, 70, 75)
HSL: hsl(188, 33%, 22%)
Luminanz: 0,053

Pandanus #5F6D43

RGB: rgb(95, 109, 67)
HSL: hsl(80, 24%, 35%)
Luminanz: 0,138

Plantain #97933A

RGB: rgb(151, 147, 58)
HSL: hsl(57, 44%, 41%)
Luminanz: 0,278

Citrus Spice #DECA54

RGB: rgb(222, 202, 84)
HSL: hsl(51, 68%, 60%)
Luminanz: 0,584

Kontrast & Barrierefreiheit

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

Aa #00070D auf #DECA54 12,24:1 AAA

Aa #0B162A auf #DECA54 10,91:1 AAA

Aa #1F2C3D auf #DECA54 8,53:1 AAA

Aa #00070D auf #97933A 6,32:1 AA

Aa #26464B auf #DECA54 6,16:1 AA

Aa #0B162A auf #97933A 5,64:1 AA

Aa #1F2C3D auf #97933A 4,41:1 AA (großer Text)

Aa #00070D auf #5F6D43 3,62:1 AA (großer Text)

Aa #5F6D43 auf #DECA54 3,38:1 AA (großer Text)

Aa #0B162A auf #5F6D43 3,23:1 AA (großer Text)

Aa #26464B auf #97933A 3,18:1 AA (großer Text)

Aa #1F2C3D auf #5F6D43 2,53:1 Nicht bestanden

Aa #00070D auf #26464B 1,99:1 Nicht bestanden

Aa #97933A auf #DECA54 1,94:1 Nicht bestanden

Aa #26464B auf #5F6D43 1,82:1 Nicht bestanden

Aa #0B162A auf #26464B 1,77:1 Nicht bestanden

Aa #5F6D43 auf #97933A 1,74:1 Nicht bestanden

Aa #00070D auf #1F2C3D 1,43:1 Nicht bestanden

Aa #1F2C3D auf #26464B 1,39:1 Nicht bestanden

Aa #0B162A auf #1F2C3D 1,28:1 Nicht bestanden

Aa #00070D auf #0B162A 1,12:1 Nicht bestanden

Forest Glow

Forest Glow

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen