Registrieren Registrieren
Flowery

Flowery

Palette mit 12 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Flowery

Palette mit 12 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Erdig 12 Farben Neutral Gemischt Komplementär colorful saturated plants flowers
Likes 12
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #080912;
  --c-earthy-2: #D8DCF8;
  --c-earthy-3: #439A32;
  --c-earthy-4: #6BCE69;
  --c-earthy-5: #D85555;
  --c-earthy-6: #43329A;
  --c-earthy-7: #9A3C32;
  --c-earthy-8: #E8D645;
  --c-earthy-9: #E18C2D;
  --c-earthy-10: #316799;
  --c-earthy-11: #699DCE;
  --c-earthy-12: #9569CE;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Nostalgia Perfume (#D8DCF8) bis zum dunkelsten Ton Narwhal Grey (#080912). Sie vereint Narwhal Grey, Nostalgia Perfume, Beer Garden, Verdant Oasis, Rosy Sunset, Royal Wisteria, Barrel Sponge, Citrus Sugar, Status Bronze, Summerday Blue, Tantalise und Amethyst in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #080912 auf #D8DCF8 mit 14,66: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

Narwhal Grey #080912
RGB
rgb(8, 9, 18)
HSL
hsl(234, 38%, 5%)
Luminanz
0,003
Nostalgia Perfume #D8DCF8
RGB
rgb(216, 220, 248)
HSL
hsl(233, 70%, 91%)
Luminanz
0,726
Beer Garden #439A32
RGB
rgb(67, 154, 50)
HSL
hsl(110, 51%, 40%)
Luminanz
0,245
Verdant Oasis #6BCE69
RGB
rgb(107, 206, 105)
HSL
hsl(119, 51%, 61%)
Luminanz
0,483
Rosy Sunset #D85555
RGB
rgb(216, 85, 85)
HSL
hsl(0, 63%, 59%)
Luminanz
0,218
Royal Wisteria #43329A
RGB
rgb(67, 50, 154)
HSL
hsl(250, 51%, 40%)
Luminanz
0,058
Barrel Sponge #9A3C32
RGB
rgb(154, 60, 50)
HSL
hsl(6, 51%, 40%)
Luminanz
0,103
Citrus Sugar #E8D645
RGB
rgb(232, 214, 69)
HSL
hsl(53, 78%, 59%)
Luminanz
0,657
Status Bronze #E18C2D
RGB
rgb(225, 140, 45)
HSL
hsl(32, 75%, 53%)
Luminanz
0,350
Summerday Blue #316799
RGB
rgb(49, 103, 153)
HSL
hsl(209, 51%, 40%)
Luminanz
0,127
Tantalise #699DCE
RGB
rgb(105, 157, 206)
HSL
hsl(209, 51%, 61%)
Luminanz
0,316
Amethyst #9569CE
RGB
rgb(149, 105, 206)
HSL
hsl(266, 51%, 61%)
Luminanz
0,210

Kontrast & Barrierefreiheit

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

Aa #080912 auf #D8DCF8 14,66:1 AAA
Aa #080912 auf #E8D645 13,36:1 AAA
Aa #080912 auf #6BCE69 10,07:1 AAA
Aa #080912 auf #E18C2D 7,55:1 AAA
Aa #D8DCF8 auf #43329A 7,18:1 AAA
Aa #080912 auf #699DCE 6,91:1 AA
Aa #43329A auf #E8D645 6,54:1 AA
Aa #080912 auf #439A32 5,58:1 AA
Aa #080912 auf #D85555 5,06:1 AA
Aa #D8DCF8 auf #9A3C32 5,06:1 AA
Aa #6BCE69 auf #43329A 4,93:1 AA
Aa #080912 auf #9569CE 4,90:1 AA
Aa #9A3C32 auf #E8D645 4,61:1 AA
Aa #D8DCF8 auf #316799 4,39:1 AA (großer Text)
Aa #E8D645 auf #316799 4,00:1 AA (großer Text)
Aa #43329A auf #E18C2D 3,70:1 AA (großer Text)
Aa #6BCE69 auf #9A3C32 3,48:1 AA (großer Text)
Aa #43329A auf #699DCE 3,38:1 AA (großer Text)
Aa #080912 auf #316799 3,34:1 AA (großer Text)
Aa #6BCE69 auf #316799 3,02:1 AA (großer Text)
Aa #D8DCF8 auf #9569CE 2,99:1 Nicht bestanden
Aa #080912 auf #9A3C32 2,90:1 Nicht bestanden
Aa #D8DCF8 auf #D85555 2,90:1 Nicht bestanden
Aa #439A32 auf #43329A 2,73:1 Nicht bestanden
Aa #E8D645 auf #9569CE 2,72:1 Nicht bestanden
Aa #D85555 auf #E8D645 2,64:1 Nicht bestanden
Aa #D8DCF8 auf #439A32 2,63:1 Nicht bestanden
Aa #9A3C32 auf #E18C2D 2,61:1 Nicht bestanden
Aa #D85555 auf #43329A 2,48:1 Nicht bestanden
Aa #43329A auf #9569CE 2,40:1 Nicht bestanden
Aa #439A32 auf #E8D645 2,39:1 Nicht bestanden
Aa #9A3C32 auf #699DCE 2,39:1 Nicht bestanden
Aa #E18C2D auf #316799 2,26:1 Nicht bestanden
Aa #D8DCF8 auf #699DCE 2,12:1 Nicht bestanden
Aa #316799 auf #699DCE 2,07:1 Nicht bestanden
Aa #6BCE69 auf #9569CE 2,05:1 Nicht bestanden
Aa #080912 auf #43329A 2,04:1 Nicht bestanden
Aa #6BCE69 auf #D85555 1,99:1 Nicht bestanden
Aa #D8DCF8 auf #E18C2D 1,94:1 Nicht bestanden
Aa #439A32 auf #9A3C32 1,93:1 Nicht bestanden
Aa #E8D645 auf #699DCE 1,93:1 Nicht bestanden
Aa #439A32 auf #6BCE69 1,80:1 Nicht bestanden
Aa #E8D645 auf #E18C2D 1,77:1 Nicht bestanden
Aa #D85555 auf #9A3C32 1,74:1 Nicht bestanden
Aa #9A3C32 auf #9569CE 1,69:1 Nicht bestanden
Aa #439A32 auf #316799 1,67:1 Nicht bestanden
Aa #43329A auf #316799 1,63:1 Nicht bestanden
Aa #E18C2D auf #9569CE 1,54:1 Nicht bestanden
Aa #D85555 auf #316799 1,52:1 Nicht bestanden
Aa #D85555 auf #E18C2D 1,49:1 Nicht bestanden
Aa #316799 auf #9569CE 1,47:1 Nicht bestanden
Aa #D8DCF8 auf #6BCE69 1,46:1 Nicht bestanden
Aa #6BCE69 auf #699DCE 1,46:1 Nicht bestanden
Aa #43329A auf #9A3C32 1,42:1 Nicht bestanden
Aa #699DCE auf #9569CE 1,41:1 Nicht bestanden
Aa #D85555 auf #699DCE 1,37:1 Nicht bestanden
Aa #439A32 auf #E18C2D 1,35:1 Nicht bestanden
Aa #6BCE69 auf #E8D645 1,33:1 Nicht bestanden
Aa #6BCE69 auf #E18C2D 1,33:1 Nicht bestanden
Aa #439A32 auf #699DCE 1,24:1 Nicht bestanden
Aa #9A3C32 auf #316799 1,15:1 Nicht bestanden
Aa #439A32 auf #9569CE 1,14:1 Nicht bestanden
Aa #D8DCF8 auf #E8D645 1,10:1 Nicht bestanden
Aa #439A32 auf #D85555 1,10:1 Nicht bestanden
Aa #E18C2D auf #699DCE 1,09:1 Nicht bestanden
Aa #D85555 auf #9569CE 1,03:1 Nicht bestanden

Ähnliche Paletten

#EDF1D6 #9DC08B #609966 #40513B
4 Farben
#F5F7F8 #F4CE14 #495E57 #45474B
4 Farben
#222831 #393E46 #FFD369 #EEEEEE
4 Farben
#000000 #52057B #892CDC #BC6FF1
4 Farben
#213555 #3E5879 #D8C4B6 #F5EFE7
4 Farben
#F5EFE7 #D8C4B6 #4F709C #213555
4 Farben
#191A19 #1E5128 #4E9F3D #D8E9A8
4 Farben
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 Farben