Startseite Farbpaletten Fantastic Planet

Fantastic Planet

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

Zurück zur Bibliothek

Fantastic Planet

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

Bearbeiten

Erdig 11 Farben Warm Gemischt Komplementär pixelart scifi fantasy alien

Likes 33

Farben 11

CSS-Variablen

:root {
  --c-earthy-1: #57B1BC;
  --c-earthy-2: #CFC897;
  --c-earthy-3: #B4B2C3;
  --c-earthy-4: #9371D8;
  --c-earthy-5: #9599A8;
  --c-earthy-6: #AA8D44;
  --c-earthy-7: #9D5644;
  --c-earthy-8: #7D6A56;
  --c-earthy-9: #375E76;
  --c-earthy-10: #333B8A;
  --c-earthy-11: #21132C;
}

Über diese Palette

Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Tidal Green (#CFC897) bis zum dunkelsten Ton Blacklist (#21132C). Sie vereint Thalassa, Tidal Green, Fading Sunset, Matt Purple, Angry Gargoyle, Plaguelands Beige, Ceramic Brown, Downtown Benny Brown, Brigade, Clematis Blue und Blacklist in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #CFC897 auf #21132C mit 10,35: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

Thalassa #57B1BC

RGB: rgb(87, 177, 188)
HSL: hsl(187, 43%, 54%)
Luminanz: 0,371

Tidal Green #CFC897

RGB: rgb(207, 200, 151)
HSL: hsl(53, 37%, 70%)
Luminanz: 0,568

Fading Sunset #B4B2C3

RGB: rgb(180, 178, 195)
HSL: hsl(247, 12%, 73%)
Luminanz: 0,455

Matt Purple #9371D8

RGB: rgb(147, 113, 216)
HSL: hsl(260, 57%, 65%)
Luminanz: 0,230

Angry Gargoyle #9599A8

RGB: rgb(149, 153, 168)
HSL: hsl(227, 10%, 62%)
Luminanz: 0,320

Plaguelands Beige #AA8D44

RGB: rgb(170, 141, 68)
HSL: hsl(43, 43%, 47%)
Luminanz: 0,280

Ceramic Brown #9D5644

RGB: rgb(157, 86, 68)
HSL: hsl(12, 40%, 44%)
Luminanz: 0,142

Downtown Benny Brown #7D6A56

RGB: rgb(125, 106, 86)
HSL: hsl(31, 18%, 41%)
Luminanz: 0,153

Brigade #375E76

RGB: rgb(55, 94, 118)
HSL: hsl(203, 36%, 34%)
Luminanz: 0,101

Clematis Blue #333B8A

RGB: rgb(51, 59, 138)
HSL: hsl(234, 46%, 37%)
Luminanz: 0,057

Blacklist #21132C

RGB: rgb(33, 19, 44)
HSL: hsl(274, 40%, 12%)
Luminanz: 0,010

Kontrast & Barrierefreiheit

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

Aa #CFC897 auf #21132C 10,35:1 AAA

Aa #B4B2C3 auf #21132C 8,46:1 AAA

Aa #57B1BC auf #21132C 7,05:1 AAA

Aa #9599A8 auf #21132C 6,20:1 AA

Aa #CFC897 auf #333B8A 5,79:1 AA

Aa #AA8D44 auf #21132C 5,53:1 AA

Aa #B4B2C3 auf #333B8A 4,73:1 AA

Aa #9371D8 auf #21132C 4,68:1 AA

Aa #CFC897 auf #375E76 4,09:1 AA (großer Text)

Aa #57B1BC auf #333B8A 3,95:1 AA (großer Text)

Aa #9599A8 auf #333B8A 3,47:1 AA (großer Text)

Aa #7D6A56 auf #21132C 3,41:1 AA (großer Text)

Aa #B4B2C3 auf #375E76 3,34:1 AA (großer Text)

Aa #9D5644 auf #21132C 3,22:1 AA (großer Text)

Aa #CFC897 auf #9D5644 3,21:1 AA (großer Text)

Aa #AA8D44 auf #333B8A 3,09:1 AA (großer Text)

Aa #CFC897 auf #7D6A56 3,04:1 AA (großer Text)

Aa #57B1BC auf #375E76 2,78:1 Nicht bestanden

Aa #B4B2C3 auf #9D5644 2,62:1 Nicht bestanden

Aa #9371D8 auf #333B8A 2,62:1 Nicht bestanden

Aa #375E76 auf #21132C 2,53:1 Nicht bestanden

Aa #B4B2C3 auf #7D6A56 2,48:1 Nicht bestanden

Aa #9599A8 auf #375E76 2,45:1 Nicht bestanden

Aa #CFC897 auf #9371D8 2,21:1 Nicht bestanden

Aa #57B1BC auf #9D5644 2,19:1 Nicht bestanden

Aa #AA8D44 auf #375E76 2,18:1 Nicht bestanden

Aa #57B1BC auf #7D6A56 2,07:1 Nicht bestanden

Aa #9599A8 auf #9D5644 1,92:1 Nicht bestanden

Aa #7D6A56 auf #333B8A 1,91:1 Nicht bestanden

Aa #CFC897 auf #AA8D44 1,87:1 Nicht bestanden

Aa #9371D8 auf #375E76 1,85:1 Nicht bestanden

Aa #9599A8 auf #7D6A56 1,82:1 Nicht bestanden

Aa #B4B2C3 auf #9371D8 1,80:1 Nicht bestanden

Aa #9D5644 auf #333B8A 1,80:1 Nicht bestanden

Aa #333B8A auf #21132C 1,79:1 Nicht bestanden

Aa #AA8D44 auf #9D5644 1,72:1 Nicht bestanden

Aa #CFC897 auf #9599A8 1,67:1 Nicht bestanden

Aa #AA8D44 auf #7D6A56 1,62:1 Nicht bestanden

Aa #B4B2C3 auf #AA8D44 1,53:1 Nicht bestanden

Aa #57B1BC auf #9371D8 1,51:1 Nicht bestanden

Aa #57B1BC auf #CFC897 1,47:1 Nicht bestanden

Aa #9371D8 auf #9D5644 1,45:1 Nicht bestanden

Aa #375E76 auf #333B8A 1,42:1 Nicht bestanden

Aa #9371D8 auf #7D6A56 1,38:1 Nicht bestanden

Aa #B4B2C3 auf #9599A8 1,36:1 Nicht bestanden

Aa #7D6A56 auf #375E76 1,34:1 Nicht bestanden

Aa #9371D8 auf #9599A8 1,32:1 Nicht bestanden

Aa #57B1BC auf #AA8D44 1,28:1 Nicht bestanden

Aa #9D5644 auf #375E76 1,27:1 Nicht bestanden

Aa #CFC897 auf #B4B2C3 1,22:1 Nicht bestanden

Aa #57B1BC auf #B4B2C3 1,20:1 Nicht bestanden

Aa #9371D8 auf #AA8D44 1,18:1 Nicht bestanden

Aa #57B1BC auf #9599A8 1,14:1 Nicht bestanden

Aa #9599A8 auf #AA8D44 1,12:1 Nicht bestanden

Aa #9D5644 auf #7D6A56 1,06:1 Nicht bestanden

Fantastic Planet