Registrieren Registrieren
Sorbet Special

Sorbet Special

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

Zurück zur Bibliothek

Sorbet Special

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Triadisch purple yellow bright icecream
Likes 122
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #332233;
  --c-earthy-2: #554466;
  --c-earthy-3: #996688;
  --c-earthy-4: #CC9988;
  --c-earthy-5: #CC9966;
  --c-earthy-6: #AA6677;
  --c-earthy-7: #776677;
  --c-earthy-8: #AA9988;
  --c-earthy-9: #DDCC99;
  --c-earthy-10: #88AA77;
  --c-earthy-11: #667788;
  --c-earthy-12: #88AA99;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Desert Temple (#DDCC99) bis zum dunkelsten Ton Zero Gravity (#332233). Sie vereint Zero Gravity, Nightly Walk, Garden Aroma, Calliope, Oak Buff, Apple II Rose, Purple Suede, Diversion, Desert Temple, Lush Fields, Space Convoy und Pale Willow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #332233 auf #DDCC99 mit 9,29: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

Zero Gravity #332233
RGB
rgb(51, 34, 51)
HSL
hsl(300, 20%, 17%)
Luminanz
0,021
Nightly Walk #554466
RGB
rgb(85, 68, 102)
HSL
hsl(270, 20%, 33%)
Luminanz
0,070
Garden Aroma #996688
RGB
rgb(153, 102, 136)
HSL
hsl(320, 20%, 50%)
Luminanz
0,181
Calliope #CC9988
RGB
rgb(204, 153, 136)
HSL
hsl(15, 40%, 67%)
Luminanz
0,374
Oak Buff #CC9966
RGB
rgb(204, 153, 102)
HSL
hsl(30, 50%, 60%)
Luminanz
0,366
Apple II Rose #AA6677
RGB
rgb(170, 102, 119)
HSL
hsl(345, 29%, 53%)
Luminanz
0,194
Purple Suede #776677
RGB
rgb(119, 102, 119)
HSL
hsl(300, 8%, 43%)
Luminanz
0,148
Diversion #AA9988
RGB
rgb(170, 153, 136)
HSL
hsl(30, 17%, 60%)
Luminanz
0,331
Desert Temple #DDCC99
RGB
rgb(221, 204, 153)
HSL
hsl(45, 50%, 73%)
Luminanz
0,609
Lush Fields #88AA77
RGB
rgb(136, 170, 119)
HSL
hsl(100, 23%, 57%)
Luminanz
0,353
Space Convoy #667788
RGB
rgb(102, 119, 136)
HSL
hsl(210, 14%, 47%)
Luminanz
0,178
Pale Willow #88AA99
RGB
rgb(136, 170, 153)
HSL
hsl(150, 17%, 60%)
Luminanz
0,363

Kontrast & Barrierefreiheit

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

Aa #332233 auf #DDCC99 9,29:1 AAA
Aa #332233 auf #CC9988 5,98:1 AA
Aa #332233 auf #CC9966 5,87:1 AA
Aa #332233 auf #88AA99 5,83:1 AA
Aa #332233 auf #88AA77 5,69:1 AA
Aa #554466 auf #DDCC99 5,48:1 AA
Aa #332233 auf #AA9988 5,38:1 AA
Aa #554466 auf #CC9988 3,53:1 AA (großer Text)
Aa #554466 auf #CC9966 3,46:1 AA (großer Text)
Aa #332233 auf #AA6677 3,44:1 AA (großer Text)
Aa #554466 auf #88AA99 3,43:1 AA (großer Text)
Aa #554466 auf #88AA77 3,35:1 AA (großer Text)
Aa #776677 auf #DDCC99 3,33:1 AA (großer Text)
Aa #332233 auf #996688 3,25:1 AA (großer Text)
Aa #332233 auf #667788 3,22:1 AA (großer Text)
Aa #554466 auf #AA9988 3,17:1 AA (großer Text)
Aa #DDCC99 auf #667788 2,89:1 Nicht bestanden
Aa #996688 auf #DDCC99 2,86:1 Nicht bestanden
Aa #332233 auf #776677 2,79:1 Nicht bestanden
Aa #AA6677 auf #DDCC99 2,70:1 Nicht bestanden
Aa #CC9988 auf #776677 2,15:1 Nicht bestanden
Aa #CC9966 auf #776677 2,10:1 Nicht bestanden
Aa #776677 auf #88AA99 2,09:1 Nicht bestanden
Aa #776677 auf #88AA77 2,04:1 Nicht bestanden
Aa #554466 auf #AA6677 2,03:1 Nicht bestanden
Aa #776677 auf #AA9988 1,93:1 Nicht bestanden
Aa #554466 auf #996688 1,92:1 Nicht bestanden
Aa #554466 auf #667788 1,90:1 Nicht bestanden
Aa #CC9988 auf #667788 1,86:1 Nicht bestanden
Aa #996688 auf #CC9988 1,84:1 Nicht bestanden
Aa #CC9966 auf #667788 1,82:1 Nicht bestanden
Aa #667788 auf #88AA99 1,81:1 Nicht bestanden
Aa #996688 auf #CC9966 1,80:1 Nicht bestanden
Aa #996688 auf #88AA99 1,79:1 Nicht bestanden
Aa #88AA77 auf #667788 1,77:1 Nicht bestanden
Aa #996688 auf #88AA77 1,75:1 Nicht bestanden
Aa #CC9988 auf #AA6677 1,74:1 Nicht bestanden
Aa #AA9988 auf #DDCC99 1,73:1 Nicht bestanden
Aa #CC9966 auf #AA6677 1,71:1 Nicht bestanden
Aa #332233 auf #554466 1,70:1 Nicht bestanden
Aa #AA6677 auf #88AA99 1,69:1 Nicht bestanden
Aa #AA9988 auf #667788 1,67:1 Nicht bestanden
Aa #996688 auf #AA9988 1,65:1 Nicht bestanden
Aa #AA6677 auf #88AA77 1,65:1 Nicht bestanden
Aa #554466 auf #776677 1,64:1 Nicht bestanden
Aa #DDCC99 auf #88AA77 1,63:1 Nicht bestanden
Aa #DDCC99 auf #88AA99 1,60:1 Nicht bestanden
Aa #CC9966 auf #DDCC99 1,58:1 Nicht bestanden
Aa #AA6677 auf #AA9988 1,56:1 Nicht bestanden
Aa #CC9988 auf #DDCC99 1,55:1 Nicht bestanden
Aa #AA6677 auf #776677 1,23:1 Nicht bestanden
Aa #996688 auf #776677 1,17:1 Nicht bestanden
Aa #776677 auf #667788 1,15:1 Nicht bestanden
Aa #CC9988 auf #AA9988 1,11:1 Nicht bestanden
Aa #CC9966 auf #AA9988 1,09:1 Nicht bestanden
Aa #AA9988 auf #88AA99 1,08:1 Nicht bestanden
Aa #AA6677 auf #667788 1,07:1 Nicht bestanden
Aa #996688 auf #AA6677 1,06:1 Nicht bestanden
Aa #AA9988 auf #88AA77 1,06:1 Nicht bestanden
Aa #CC9988 auf #88AA77 1,05:1 Nicht bestanden
Aa #CC9988 auf #88AA99 1,03:1 Nicht bestanden
Aa #CC9966 auf #88AA77 1,03:1 Nicht bestanden
Aa #CC9988 auf #CC9966 1,02:1 Nicht bestanden
Aa #88AA77 auf #88AA99 1,02:1 Nicht bestanden
Aa #996688 auf #667788 1,01:1 Nicht bestanden
Aa #CC9966 auf #88AA99 1,01: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