Registrieren Registrieren
The Clumsy Dozen

The Clumsy Dozen

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

Zurück zur Bibliothek

The Clumsy Dozen

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Triadisch artist windfallapples glacier
Likes 51
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #5C0032;
  --c-earthy-2: #B5081F;
  --c-earthy-3: #E97325;
  --c-earthy-4: #F7F131;
  --c-earthy-5: #EEF0E9;
  --c-earthy-6: #BB90A7;
  --c-earthy-7: #6B546A;
  --c-earthy-8: #192116;
  --c-earthy-9: #3E0080;
  --c-earthy-10: #28668F;
  --c-earthy-11: #1ABD94;
  --c-earthy-12: #97E65E;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Clean Buffer (#EEF0E9) bis zum dunkelsten Ton Coco’s Black (#192116). Sie vereint Mulberry Wood, Mammary Red, Autumn Landscape, Pedestrian Lemon, Clean Buffer, Elite Pink, Vintner, Coco’s Black, Marionberry, Starry Night, Aloha und Lilliputian Lime in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 25 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EEF0E9 auf #192116 mit 14,39: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

Mulberry Wood #5C0032
RGB
rgb(92, 0, 50)
HSL
hsl(327, 100%, 18%)
Luminanz
0,025
Mammary Red #B5081F
RGB
rgb(181, 8, 31)
HSL
hsl(352, 92%, 37%)
Luminanz
0,101
Autumn Landscape #E97325
RGB
rgb(233, 115, 37)
HSL
hsl(24, 82%, 53%)
Luminanz
0,297
Pedestrian Lemon #F7F131
RGB
rgb(247, 241, 49)
HSL
hsl(58, 93%, 58%)
Luminanz
0,829
Clean Buffer #EEF0E9
RGB
rgb(238, 240, 233)
HSL
hsl(77, 19%, 93%)
Luminanz
0,864
Elite Pink #BB90A7
RGB
rgb(187, 144, 167)
HSL
hsl(328, 24%, 65%)
Luminanz
0,333
Vintner #6B546A
RGB
rgb(107, 84, 106)
HSL
hsl(303, 12%, 37%)
Luminanz
0,105
Coco’s Black #192116
RGB
rgb(25, 33, 22)
HSL
hsl(104, 20%, 11%)
Luminanz
0,014
Marionberry #3E0080
RGB
rgb(62, 0, 128)
HSL
hsl(269, 100%, 25%)
Luminanz
0,026
Starry Night #28668F
RGB
rgb(40, 102, 143)
HSL
hsl(204, 56%, 36%)
Luminanz
0,119
Aloha #1ABD94
RGB
rgb(26, 189, 148)
HSL
hsl(165, 76%, 42%)
Luminanz
0,388
Lilliputian Lime #97E65E
RGB
rgb(151, 230, 94)
HSL
hsl(95, 73%, 64%)
Luminanz
0,640

Kontrast & Barrierefreiheit

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

Aa #EEF0E9 auf #192116 14,39:1 AAA
Aa #F7F131 auf #192116 13,84:1 AAA
Aa #5C0032 auf #EEF0E9 12,17:1 AAA
Aa #EEF0E9 auf #3E0080 12,05:1 AAA
Aa #5C0032 auf #F7F131 11,71:1 AAA
Aa #F7F131 auf #3E0080 11,59:1 AAA
Aa #192116 auf #97E65E 10,86:1 AAA
Aa #5C0032 auf #97E65E 9,19:1 AAA
Aa #3E0080 auf #97E65E 9,10:1 AAA
Aa #192116 auf #1ABD94 6,89:1 AA
Aa #B5081F auf #EEF0E9 6,05:1 AA
Aa #BB90A7 auf #192116 6,03:1 AA
Aa #EEF0E9 auf #6B546A 5,89:1 AA
Aa #5C0032 auf #1ABD94 5,83:1 AA
Aa #B5081F auf #F7F131 5,82:1 AA
Aa #3E0080 auf #1ABD94 5,77:1 AA
Aa #F7F131 auf #6B546A 5,67:1 AA
Aa #E97325 auf #192116 5,47:1 AA
Aa #EEF0E9 auf #28668F 5,40:1 AA
Aa #F7F131 auf #28668F 5,19:1 AA
Aa #5C0032 auf #BB90A7 5,10:1 AA
Aa #BB90A7 auf #3E0080 5,05:1 AA
Aa #5C0032 auf #E97325 4,63:1 AA
Aa #E97325 auf #3E0080 4,58:1 AA
Aa #B5081F auf #97E65E 4,57:1 AA
Aa #6B546A auf #97E65E 4,45:1 AA (großer Text)
Aa #28668F auf #97E65E 4,07:1 AA (großer Text)
Aa #B5081F auf #1ABD94 2,90:1 Nicht bestanden
Aa #6B546A auf #1ABD94 2,82:1 Nicht bestanden
Aa #192116 auf #28668F 2,67:1 Nicht bestanden
Aa #E97325 auf #EEF0E9 2,63:1 Nicht bestanden
Aa #28668F auf #1ABD94 2,58:1 Nicht bestanden
Aa #B5081F auf #BB90A7 2,54:1 Nicht bestanden
Aa #E97325 auf #F7F131 2,53:1 Nicht bestanden
Aa #BB90A7 auf #6B546A 2,47:1 Nicht bestanden
Aa #6B546A auf #192116 2,44:1 Nicht bestanden
Aa #EEF0E9 auf #BB90A7 2,39:1 Nicht bestanden
Aa #B5081F auf #192116 2,38:1 Nicht bestanden
Aa #B5081F auf #E97325 2,30:1 Nicht bestanden
Aa #F7F131 auf #BB90A7 2,30:1 Nicht bestanden
Aa #5C0032 auf #28668F 2,26:1 Nicht bestanden
Aa #BB90A7 auf #28668F 2,26:1 Nicht bestanden
Aa #E97325 auf #6B546A 2,24:1 Nicht bestanden
Aa #3E0080 auf #28668F 2,23:1 Nicht bestanden
Aa #EEF0E9 auf #1ABD94 2,09:1 Nicht bestanden
Aa #5C0032 auf #6B546A 2,07:1 Nicht bestanden
Aa #E97325 auf #28668F 2,05:1 Nicht bestanden
Aa #6B546A auf #3E0080 2,05:1 Nicht bestanden
Aa #5C0032 auf #B5081F 2,01:1 Nicht bestanden
Aa #F7F131 auf #1ABD94 2,01:1 Nicht bestanden
Aa #B5081F auf #3E0080 1,99:1 Nicht bestanden
Aa #E97325 auf #97E65E 1,99:1 Nicht bestanden
Aa #BB90A7 auf #97E65E 1,80:1 Nicht bestanden
Aa #1ABD94 auf #97E65E 1,58:1 Nicht bestanden
Aa #EEF0E9 auf #97E65E 1,32:1 Nicht bestanden
Aa #F7F131 auf #97E65E 1,27:1 Nicht bestanden
Aa #E97325 auf #1ABD94 1,26:1 Nicht bestanden
Aa #192116 auf #3E0080 1,19:1 Nicht bestanden
Aa #5C0032 auf #192116 1,18:1 Nicht bestanden
Aa #BB90A7 auf #1ABD94 1,14:1 Nicht bestanden
Aa #B5081F auf #28668F 1,12:1 Nicht bestanden
Aa #E97325 auf #BB90A7 1,10:1 Nicht bestanden
Aa #6B546A auf #28668F 1,09:1 Nicht bestanden
Aa #F7F131 auf #EEF0E9 1,04:1 Nicht bestanden
Aa #B5081F auf #6B546A 1,03:1 Nicht bestanden
Aa #5C0032 auf #3E0080 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