Startseite Farbpaletten Thunderstorm Beneath The Summit

Thunderstorm Beneath The Summit

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Thunderstorm Beneath The Summit

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 12 Farben Warm Gemischt Komplementär mountain earthtones woodblock rust

Likes 147

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #FBAF71;
  --c-earthy-2: #713A29;
  --c-earthy-3: #582918;
  --c-earthy-4: #221E15;
  --c-earthy-5: #EBE3CC;
  --c-earthy-6: #96B3AE;
  --c-earthy-7: #162944;
  --c-earthy-8: #0A151B;
  --c-earthy-9: #565C56;
  --c-earthy-10: #293032;
  --c-earthy-11: #FBE5C9;
  --c-earthy-12: #B7A182;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Quiet Splendour (#FBE5C9) bis zum dunkelsten Ton Midnight Edition (#0A151B). Sie vereint Orange Marmalade, Red Mane, Fudge Brownie, Dark Orchestra, Morocco Sand, Lake Forest, Yankees Blue, Midnight Edition, Pointed Fir, Navy Black, Quiet Splendour und Craft Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 30 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0A151B auf #FBE5C9 mit 15,1: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

Orange Marmalade #FBAF71

RGB: rgb(251, 175, 113)
HSL: hsl(27, 95%, 71%)
Luminanz: 0,524

Red Mane #713A29

RGB: rgb(113, 58, 41)
HSL: hsl(14, 47%, 30%)
Luminanz: 0,067

Fudge Brownie #582918

RGB: rgb(88, 41, 24)
HSL: hsl(16, 57%, 22%)
Luminanz: 0,037

Dark Orchestra #221E15

RGB: rgb(34, 30, 21)
HSL: hsl(42, 24%, 11%)
Luminanz: 0,013

Morocco Sand #EBE3CC

RGB: rgb(235, 227, 204)
HSL: hsl(45, 44%, 86%)
Luminanz: 0,770

Lake Forest #96B3AE

RGB: rgb(150, 179, 174)
HSL: hsl(170, 16%, 65%)
Luminanz: 0,418

Yankees Blue #162944

RGB: rgb(22, 41, 68)
HSL: hsl(215, 51%, 18%)
Luminanz: 0,022

Midnight Edition #0A151B

RGB: rgb(10, 21, 27)
HSL: hsl(201, 46%, 7%)
Luminanz: 0,007

Pointed Fir #565C56

RGB: rgb(86, 92, 86)
HSL: hsl(120, 3%, 35%)
Luminanz: 0,103

Navy Black #293032

RGB: rgb(41, 48, 50)
HSL: hsl(193, 10%, 18%)
Luminanz: 0,028

Quiet Splendour #FBE5C9

RGB: rgb(251, 229, 201)
HSL: hsl(34, 86%, 89%)
Luminanz: 0,808

Craft Brown #B7A182

RGB: rgb(183, 161, 130)
HSL: hsl(35, 27%, 61%)
Luminanz: 0,372

Kontrast & Barrierefreiheit

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

Aa #0A151B auf #FBE5C9 15,10:1 AAA

Aa #EBE3CC auf #0A151B 14,43:1 AAA

Aa #221E15 auf #FBE5C9 13,56:1 AAA

Aa #221E15 auf #EBE3CC 12,96:1 AAA

Aa #162944 auf #FBE5C9 11,96:1 AAA

Aa #EBE3CC auf #162944 11,42:1 AAA

Aa #293032 auf #FBE5C9 10,97:1 AAA

Aa #EBE3CC auf #293032 10,49:1 AAA

Aa #FBAF71 auf #0A151B 10,10:1 AAA

Aa #582918 auf #FBE5C9 9,83:1 AAA

Aa #582918 auf #EBE3CC 9,39:1 AAA

Aa #FBAF71 auf #221E15 9,07:1 AAA

Aa #96B3AE auf #0A151B 8,24:1 AAA

Aa #FBAF71 auf #162944 8,00:1 AAA

Aa #0A151B auf #B7A182 7,42:1 AAA

Aa #221E15 auf #96B3AE 7,40:1 AAA

Aa #FBAF71 auf #293032 7,34:1 AAA

Aa #713A29 auf #FBE5C9 7,33:1 AAA

Aa #713A29 auf #EBE3CC 7,01:1 AAA

Aa #221E15 auf #B7A182 6,67:1 AA

Aa #FBAF71 auf #582918 6,57:1 AA

Aa #96B3AE auf #162944 6,52:1 AA

Aa #96B3AE auf #293032 5,99:1 AA

Aa #162944 auf #B7A182 5,88:1 AA

Aa #565C56 auf #FBE5C9 5,60:1 AA

Aa #293032 auf #B7A182 5,40:1 AA

Aa #582918 auf #96B3AE 5,36:1 AA

Aa #EBE3CC auf #565C56 5,36:1 AA

Aa #FBAF71 auf #713A29 4,90:1 AA

Aa #582918 auf #B7A182 4,83:1 AA

Aa #713A29 auf #96B3AE 4,00:1 AA (großer Text)

Aa #FBAF71 auf #565C56 3,75:1 AA (großer Text)

Aa #713A29 auf #B7A182 3,61:1 AA (großer Text)

Aa #96B3AE auf #565C56 3,06:1 AA (großer Text)

Aa #565C56 auf #B7A182 2,76:1 Nicht bestanden

Aa #0A151B auf #565C56 2,69:1 Nicht bestanden

Aa #221E15 auf #565C56 2,42:1 Nicht bestanden

Aa #162944 auf #565C56 2,13:1 Nicht bestanden

Aa #713A29 auf #0A151B 2,06:1 Nicht bestanden

Aa #FBE5C9 auf #B7A182 2,03:1 Nicht bestanden

Aa #565C56 auf #293032 1,96:1 Nicht bestanden

Aa #EBE3CC auf #B7A182 1,94:1 Nicht bestanden

Aa #713A29 auf #221E15 1,85:1 Nicht bestanden

Aa #96B3AE auf #FBE5C9 1,83:1 Nicht bestanden

Aa #582918 auf #565C56 1,75:1 Nicht bestanden

Aa #EBE3CC auf #96B3AE 1,75:1 Nicht bestanden

Aa #713A29 auf #162944 1,63:1 Nicht bestanden

Aa #582918 auf #0A151B 1,54:1 Nicht bestanden

Aa #FBAF71 auf #FBE5C9 1,50:1 Nicht bestanden

Aa #713A29 auf #293032 1,50:1 Nicht bestanden

Aa #FBAF71 auf #EBE3CC 1,43:1 Nicht bestanden

Aa #582918 auf #221E15 1,38:1 Nicht bestanden

Aa #0A151B auf #293032 1,38:1 Nicht bestanden

Aa #FBAF71 auf #B7A182 1,36:1 Nicht bestanden

Aa #713A29 auf #582918 1,34:1 Nicht bestanden

Aa #713A29 auf #565C56 1,31:1 Nicht bestanden

Aa #162944 auf #0A151B 1,26:1 Nicht bestanden

Aa #221E15 auf #293032 1,24:1 Nicht bestanden

Aa #FBAF71 auf #96B3AE 1,23:1 Nicht bestanden

Aa #582918 auf #162944 1,22:1 Nicht bestanden

Aa #221E15 auf #162944 1,13:1 Nicht bestanden

Aa #582918 auf #293032 1,12:1 Nicht bestanden

Aa #221E15 auf #0A151B 1,11:1 Nicht bestanden

Aa #96B3AE auf #B7A182 1,11:1 Nicht bestanden

Aa #162944 auf #293032 1,09:1 Nicht bestanden

Aa #EBE3CC auf #FBE5C9 1,05:1 Nicht bestanden

Thunderstorm Beneath The Summit