Registrieren Registrieren
DUMPTRUCK 12

DUMPTRUCK 12

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

DUMPTRUCK 12

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Erdig 12 Farben Kühl Gemischt Komplementär cyan fydotiles highcontrast rust
Likes 15
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #2DD7C9;
  --c-earthy-2: #0074B7;
  --c-earthy-3: #4C3380;
  --c-earthy-4: #3E002E;
  --c-earthy-5: #110000;
  --c-earthy-6: #4F4F4F;
  --c-earthy-7: #9E9E9E;
  --c-earthy-8: #F0F0F0;
  --c-earthy-9: #FFD170;
  --c-earthy-10: #C97636;
  --c-earthy-11: #A14D3F;
  --c-earthy-12: #82674A;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Snowflake (#F0F0F0) bis zum dunkelsten Ton Dark Matter (#110000). Sie vereint Turquoise Panic, Biloxi Blue, Galactic Compass, Dark Sanctuary, Dark Matter, Black Oak, Mortar Grey, Snowflake, Banana Bread, October, Arabian Red und Twilight Jungle in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #110000 auf #F0F0F0 mit 18: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

Turquoise Panic #2DD7C9
RGB
rgb(45, 215, 201)
HSL
hsl(175, 68%, 51%)
Luminanz
0,534
Biloxi Blue #0074B7
RGB
rgb(0, 116, 183)
HSL
hsl(202, 100%, 36%)
Luminanz
0,159
Galactic Compass #4C3380
RGB
rgb(76, 51, 128)
HSL
hsl(259, 43%, 35%)
Luminanz
0,055
Dark Sanctuary #3E002E
RGB
rgb(62, 0, 46)
HSL
hsl(315, 100%, 12%)
Luminanz
0,012
Dark Matter #110000
RGB
rgb(17, 0, 0)
HSL
hsl(0, 100%, 3%)
Luminanz
0,001
Black Oak #4F4F4F
RGB
rgb(79, 79, 79)
HSL
hsl(0, 0%, 31%)
Luminanz
0,078
Mortar Grey #9E9E9E
RGB
rgb(158, 158, 158)
HSL
hsl(0, 0%, 62%)
Luminanz
0,342
Snowflake #F0F0F0
RGB
rgb(240, 240, 240)
HSL
hsl(0, 0%, 94%)
Luminanz
0,871
Banana Bread #FFD170
RGB
rgb(255, 209, 112)
HSL
hsl(41, 100%, 72%)
Luminanz
0,680
October #C97636
RGB
rgb(201, 118, 54)
HSL
hsl(26, 58%, 50%)
Luminanz
0,256
Arabian Red #A14D3F
RGB
rgb(161, 77, 63)
HSL
hsl(9, 44%, 44%)
Luminanz
0,132
Twilight Jungle #82674A
RGB
rgb(130, 103, 74)
HSL
hsl(31, 27%, 40%)
Luminanz
0,149

Kontrast & Barrierefreiheit

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

Aa #110000 auf #F0F0F0 18,00:1 AAA
Aa #3E002E auf #F0F0F0 14,81:1 AAA
Aa #110000 auf #FFD170 14,27:1 AAA
Aa #3E002E auf #FFD170 11,74:1 AAA
Aa #2DD7C9 auf #110000 11,40:1 AAA
Aa #2DD7C9 auf #3E002E 9,38:1 AAA
Aa #4C3380 auf #F0F0F0 8,81:1 AAA
Aa #110000 auf #9E9E9E 7,66:1 AAA
Aa #4F4F4F auf #F0F0F0 7,19:1 AAA
Aa #4C3380 auf #FFD170 6,98:1 AA
Aa #3E002E auf #9E9E9E 6,30:1 AA
Aa #110000 auf #C97636 5,99:1 AA
Aa #4F4F4F auf #FFD170 5,70:1 AA
Aa #2DD7C9 auf #4C3380 5,58:1 AA
Aa #F0F0F0 auf #A14D3F 5,05:1 AA
Aa #3E002E auf #C97636 4,93:1 AA
Aa #F0F0F0 auf #82674A 4,62:1 AA
Aa #2DD7C9 auf #4F4F4F 4,55:1 AA
Aa #0074B7 auf #F0F0F0 4,41:1 AA (großer Text)
Aa #0074B7 auf #110000 4,08:1 AA (großer Text)
Aa #FFD170 auf #A14D3F 4,00:1 AA (großer Text)
Aa #110000 auf #82674A 3,90:1 AA (großer Text)
Aa #4C3380 auf #9E9E9E 3,75:1 AA (großer Text)
Aa #FFD170 auf #82674A 3,66:1 AA (großer Text)
Aa #110000 auf #A14D3F 3,56:1 AA (großer Text)
Aa #0074B7 auf #FFD170 3,49:1 AA (großer Text)
Aa #0074B7 auf #3E002E 3,36:1 AA (großer Text)
Aa #3E002E auf #82674A 3,21:1 AA (großer Text)
Aa #2DD7C9 auf #A14D3F 3,20:1 AA (großer Text)
Aa #4F4F4F auf #9E9E9E 3,06:1 AA (großer Text)
Aa #F0F0F0 auf #C97636 3,01:1 AA (großer Text)
Aa #2DD7C9 auf #82674A 2,93:1 Nicht bestanden
Aa #4C3380 auf #C97636 2,93:1 Nicht bestanden
Aa #3E002E auf #A14D3F 2,93:1 Nicht bestanden
Aa #2DD7C9 auf #0074B7 2,79:1 Nicht bestanden
Aa #110000 auf #4F4F4F 2,50:1 Nicht bestanden
Aa #4F4F4F auf #C97636 2,39:1 Nicht bestanden
Aa #FFD170 auf #C97636 2,38:1 Nicht bestanden
Aa #9E9E9E auf #F0F0F0 2,35:1 Nicht bestanden
Aa #9E9E9E auf #A14D3F 2,15:1 Nicht bestanden
Aa #3E002E auf #4F4F4F 2,06:1 Nicht bestanden
Aa #4C3380 auf #110000 2,04:1 Nicht bestanden
Aa #0074B7 auf #4C3380 2,00:1 Nicht bestanden
Aa #9E9E9E auf #82674A 1,97:1 Nicht bestanden
Aa #2DD7C9 auf #C97636 1,91:1 Nicht bestanden
Aa #4C3380 auf #82674A 1,91:1 Nicht bestanden
Aa #0074B7 auf #9E9E9E 1,87:1 Nicht bestanden
Aa #9E9E9E auf #FFD170 1,86:1 Nicht bestanden
Aa #4C3380 auf #A14D3F 1,74:1 Nicht bestanden
Aa #4C3380 auf #3E002E 1,68:1 Nicht bestanden
Aa #C97636 auf #A14D3F 1,68:1 Nicht bestanden
Aa #0074B7 auf #4F4F4F 1,63:1 Nicht bestanden
Aa #2DD7C9 auf #F0F0F0 1,58:1 Nicht bestanden
Aa #4F4F4F auf #82674A 1,56:1 Nicht bestanden
Aa #C97636 auf #82674A 1,54:1 Nicht bestanden
Aa #2DD7C9 auf #9E9E9E 1,49:1 Nicht bestanden
Aa #0074B7 auf #C97636 1,47:1 Nicht bestanden
Aa #4F4F4F auf #A14D3F 1,42:1 Nicht bestanden
Aa #9E9E9E auf #C97636 1,28:1 Nicht bestanden
Aa #F0F0F0 auf #FFD170 1,26:1 Nicht bestanden
Aa #2DD7C9 auf #FFD170 1,25:1 Nicht bestanden
Aa #4C3380 auf #4F4F4F 1,23:1 Nicht bestanden
Aa #3E002E auf #110000 1,22:1 Nicht bestanden
Aa #0074B7 auf #A14D3F 1,15:1 Nicht bestanden
Aa #A14D3F auf #82674A 1,09:1 Nicht bestanden
Aa #0074B7 auf #82674A 1,05:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben