Registrieren Registrieren
Grimbo

Grimbo

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Grimbo

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten
Erdig 12 Farben Warm Gemischt Triadisch green red desaturated grim
Likes 171
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #DFE6E0;
  --c-earthy-2: #D9C277;
  --c-earthy-3: #C17B5C;
  --c-earthy-4: #85444A;
  --c-earthy-5: #4A363C;
  --c-earthy-6: #9BA15F;
  --c-earthy-7: #596E47;
  --c-earthy-8: #38453A;
  --c-earthy-9: #A9BBCC;
  --c-earthy-10: #7687AB;
  --c-earthy-11: #444A65;
  --c-earthy-12: #222228;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Winter Veil (#DFE6E0) bis zum dunkelsten Ton Dark Gunmetal (#222228). Sie vereint Winter Veil, Citrus Yellow, Brown Clay, Red Elegance, Jube, Sweet Pea, Asparagus Sprig, Deep Forest, Wood Pigeon, Enchanting Sky, Darkshore und Dark Gunmetal in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DFE6E0 auf #222228 mit 12,45: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

Winter Veil #DFE6E0
RGB
rgb(223, 230, 224)
HSL
hsl(129, 12%, 89%)
Luminanz
0,777
Citrus Yellow #D9C277
RGB
rgb(217, 194, 119)
HSL
hsl(46, 56%, 66%)
Luminanz
0,547
Brown Clay #C17B5C
RGB
rgb(193, 123, 92)
HSL
hsl(18, 45%, 56%)
Luminanz
0,263
Red Elegance #85444A
RGB
rgb(133, 68, 74)
HSL
hsl(354, 32%, 39%)
Luminanz
0,096
Jube #4A363C
RGB
rgb(74, 54, 60)
HSL
hsl(342, 16%, 25%)
Luminanz
0,044
Sweet Pea #9BA15F
RGB
rgb(155, 161, 95)
HSL
hsl(65, 26%, 50%)
Luminanz
0,333
Asparagus Sprig #596E47
RGB
rgb(89, 110, 71)
HSL
hsl(92, 22%, 35%)
Luminanz
0,137
Deep Forest #38453A
RGB
rgb(56, 69, 58)
HSL
hsl(129, 10%, 25%)
Luminanz
0,054
Wood Pigeon #A9BBCC
RGB
rgb(169, 187, 204)
HSL
hsl(209, 26%, 73%)
Luminanz
0,483
Enchanting Sky #7687AB
RGB
rgb(118, 135, 171)
HSL
hsl(221, 24%, 57%)
Luminanz
0,241
Darkshore #444A65
RGB
rgb(68, 74, 101)
HSL
hsl(229, 20%, 33%)
Luminanz
0,071
Dark Gunmetal #222228
RGB
rgb(34, 34, 40)
HSL
hsl(240, 8%, 15%)
Luminanz
0,016

Kontrast & Barrierefreiheit

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

Aa #DFE6E0 auf #222228 12,45:1 AAA
Aa #D9C277 auf #222228 8,99:1 AAA
Aa #DFE6E0 auf #4A363C 8,77:1 AAA
Aa #A9BBCC auf #222228 8,04:1 AAA
Aa #DFE6E0 auf #38453A 7,95:1 AAA
Aa #DFE6E0 auf #444A65 6,85:1 AA
Aa #D9C277 auf #4A363C 6,33:1 AA
Aa #9BA15F auf #222228 5,77:1 AA
Aa #D9C277 auf #38453A 5,74:1 AA
Aa #DFE6E0 auf #85444A 5,66:1 AA
Aa #4A363C auf #A9BBCC 5,66:1 AA
Aa #38453A auf #A9BBCC 5,13:1 AA
Aa #D9C277 auf #444A65 4,95:1 AA
Aa #C17B5C auf #222228 4,71:1 AA
Aa #A9BBCC auf #444A65 4,42:1 AA (großer Text)
Aa #DFE6E0 auf #596E47 4,41:1 AA (großer Text)
Aa #7687AB auf #222228 4,39:1 AA (großer Text)
Aa #D9C277 auf #85444A 4,08:1 AA (großer Text)
Aa #4A363C auf #9BA15F 4,06:1 AA (großer Text)
Aa #9BA15F auf #38453A 3,68:1 AA (großer Text)
Aa #85444A auf #A9BBCC 3,65:1 AA (großer Text)
Aa #C17B5C auf #4A363C 3,32:1 AA (großer Text)
Aa #D9C277 auf #596E47 3,19:1 AA (großer Text)
Aa #9BA15F auf #444A65 3,17:1 AA (großer Text)
Aa #4A363C auf #7687AB 3,09:1 AA (großer Text)
Aa #C17B5C auf #38453A 3,01:1 AA (großer Text)
Aa #596E47 auf #A9BBCC 2,85:1 Nicht bestanden
Aa #DFE6E0 auf #7687AB 2,84:1 Nicht bestanden
Aa #596E47 auf #222228 2,82:1 Nicht bestanden
Aa #38453A auf #7687AB 2,80:1 Nicht bestanden
Aa #DFE6E0 auf #C17B5C 2,64:1 Nicht bestanden
Aa #85444A auf #9BA15F 2,62:1 Nicht bestanden
Aa #C17B5C auf #444A65 2,59:1 Nicht bestanden
Aa #7687AB auf #444A65 2,41:1 Nicht bestanden
Aa #85444A auf #222228 2,20:1 Nicht bestanden
Aa #DFE6E0 auf #9BA15F 2,16:1 Nicht bestanden
Aa #C17B5C auf #85444A 2,14:1 Nicht bestanden
Aa #D9C277 auf #7687AB 2,05:1 Nicht bestanden
Aa #9BA15F auf #596E47 2,04:1 Nicht bestanden
Aa #85444A auf #7687AB 1,99:1 Nicht bestanden
Aa #4A363C auf #596E47 1,99:1 Nicht bestanden
Aa #D9C277 auf #C17B5C 1,91:1 Nicht bestanden
Aa #A9BBCC auf #7687AB 1,83:1 Nicht bestanden
Aa #444A65 auf #222228 1,82:1 Nicht bestanden
Aa #596E47 auf #38453A 1,80:1 Nicht bestanden
Aa #C17B5C auf #A9BBCC 1,71:1 Nicht bestanden
Aa #C17B5C auf #596E47 1,67:1 Nicht bestanden
Aa #38453A auf #222228 1,57:1 Nicht bestanden
Aa #D9C277 auf #9BA15F 1,56:1 Nicht bestanden
Aa #DFE6E0 auf #A9BBCC 1,55:1 Nicht bestanden
Aa #85444A auf #4A363C 1,55:1 Nicht bestanden
Aa #596E47 auf #7687AB 1,55:1 Nicht bestanden
Aa #596E47 auf #444A65 1,55:1 Nicht bestanden
Aa #4A363C auf #222228 1,42:1 Nicht bestanden
Aa #85444A auf #38453A 1,40:1 Nicht bestanden
Aa #DFE6E0 auf #D9C277 1,39:1 Nicht bestanden
Aa #9BA15F auf #A9BBCC 1,39:1 Nicht bestanden
Aa #9BA15F auf #7687AB 1,31:1 Nicht bestanden
Aa #85444A auf #596E47 1,28:1 Nicht bestanden
Aa #4A363C auf #444A65 1,28:1 Nicht bestanden
Aa #C17B5C auf #9BA15F 1,22:1 Nicht bestanden
Aa #85444A auf #444A65 1,21:1 Nicht bestanden
Aa #38453A auf #444A65 1,16:1 Nicht bestanden
Aa #D9C277 auf #A9BBCC 1,12:1 Nicht bestanden
Aa #4A363C auf #38453A 1,10:1 Nicht bestanden
Aa #C17B5C auf #7687AB 1,07:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben