Registrieren Registrieren
Romance

Romance

Palette mit 11 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Romance

Palette mit 11 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten
Erdig 11 Farben Kühl Gemischt Analog pixelart warm pastel love
Likes 19
Farben 11

CSS-Variablen

:root {
  --c-earthy-1: #352D61;
  --c-earthy-2: #911A66;
  --c-earthy-3: #5F5095;
  --c-earthy-4: #7D5FB0;
  --c-earthy-5: #C12B90;
  --c-earthy-6: #8A82A4;
  --c-earthy-7: #C973AC;
  --c-earthy-8: #9299E5;
  --c-earthy-9: #E6A3DE;
  --c-earthy-10: #C6CFC4;
  --c-earthy-11: #E4F6F0;
}

Über diese Palette

Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Frosty Mint (#E4F6F0) bis zum dunkelsten Ton Galaxea (#352D61). Sie vereint Galaxea, Raspberry Magenta, Purple Corallite, Genestealer Purple, Royal Fuchsia, Fabulous Grape, Bishop Red, Portage, Candy Floss, Silver Grass und Frosty Mint in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #352D61 auf #E4F6F0 mit 11,03: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

Galaxea #352D61
RGB
rgb(53, 45, 97)
HSL
hsl(249, 37%, 28%)
Luminanz
0,035
Raspberry Magenta #911A66
RGB
rgb(145, 26, 102)
HSL
hsl(322, 70%, 34%)
Luminanz
0,077
Purple Corallite #5F5095
RGB
rgb(95, 80, 149)
HSL
hsl(253, 30%, 45%)
Luminanz
0,103
Genestealer Purple #7D5FB0
RGB
rgb(125, 95, 176)
HSL
hsl(262, 34%, 53%)
Luminanz
0,157
Royal Fuchsia #C12B90
RGB
rgb(193, 43, 144)
HSL
hsl(320, 64%, 46%)
Luminanz
0,151
Fabulous Grape #8A82A4
RGB
rgb(138, 130, 164)
HSL
hsl(254, 16%, 58%)
Luminanz
0,241
Bishop Red #C973AC
RGB
rgb(201, 115, 172)
HSL
hsl(320, 44%, 62%)
Luminanz
0,277
Portage #9299E5
RGB
rgb(146, 153, 229)
HSL
hsl(235, 61%, 74%)
Luminanz
0,346
Candy Floss #E6A3DE
RGB
rgb(230, 163, 222)
HSL
hsl(307, 57%, 77%)
Luminanz
0,483
Silver Grass #C6CFC4
RGB
rgb(198, 207, 196)
HSL
hsl(109, 10%, 79%)
Luminanz
0,606
Frosty Mint #E4F6F0
RGB
rgb(228, 246, 240)
HSL
hsl(160, 50%, 93%)
Luminanz
0,887

Kontrast & Barrierefreiheit

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

Aa #352D61 auf #E4F6F0 11,03:1 AAA
Aa #352D61 auf #C6CFC4 7,72:1 AAA
Aa #911A66 auf #E4F6F0 7,37:1 AAA
Aa #352D61 auf #E6A3DE 6,27:1 AA
Aa #5F5095 auf #E4F6F0 6,11:1 AA
Aa #911A66 auf #C6CFC4 5,16:1 AA
Aa #C12B90 auf #E4F6F0 4,67:1 AA
Aa #352D61 auf #9299E5 4,65:1 AA
Aa #7D5FB0 auf #E4F6F0 4,53:1 AA
Aa #5F5095 auf #C6CFC4 4,28:1 AA (großer Text)
Aa #911A66 auf #E6A3DE 4,19:1 AA (großer Text)
Aa #352D61 auf #C973AC 3,84:1 AA (großer Text)
Aa #5F5095 auf #E6A3DE 3,47:1 AA (großer Text)
Aa #352D61 auf #8A82A4 3,42:1 AA (großer Text)
Aa #C12B90 auf #C6CFC4 3,27:1 AA (großer Text)
Aa #8A82A4 auf #E4F6F0 3,23:1 AA (großer Text)
Aa #7D5FB0 auf #C6CFC4 3,17:1 AA (großer Text)
Aa #911A66 auf #9299E5 3,11:1 AA (großer Text)
Aa #C973AC auf #E4F6F0 2,87:1 Nicht bestanden
Aa #C12B90 auf #E6A3DE 2,65:1 Nicht bestanden
Aa #5F5095 auf #9299E5 2,58:1 Nicht bestanden
Aa #7D5FB0 auf #E6A3DE 2,58:1 Nicht bestanden
Aa #911A66 auf #C973AC 2,57:1 Nicht bestanden
Aa #352D61 auf #7D5FB0 2,43:1 Nicht bestanden
Aa #9299E5 auf #E4F6F0 2,37:1 Nicht bestanden
Aa #352D61 auf #C12B90 2,36:1 Nicht bestanden
Aa #911A66 auf #8A82A4 2,28:1 Nicht bestanden
Aa #8A82A4 auf #C6CFC4 2,26:1 Nicht bestanden
Aa #5F5095 auf #C973AC 2,13:1 Nicht bestanden
Aa #C973AC auf #C6CFC4 2,01:1 Nicht bestanden
Aa #C12B90 auf #9299E5 1,97:1 Nicht bestanden
Aa #7D5FB0 auf #9299E5 1,91:1 Nicht bestanden
Aa #5F5095 auf #8A82A4 1,89:1 Nicht bestanden
Aa #8A82A4 auf #E6A3DE 1,83:1 Nicht bestanden
Aa #352D61 auf #5F5095 1,81:1 Nicht bestanden
Aa #E6A3DE auf #E4F6F0 1,76:1 Nicht bestanden
Aa #9299E5 auf #C6CFC4 1,66:1 Nicht bestanden
Aa #911A66 auf #7D5FB0 1,63:1 Nicht bestanden
Aa #C12B90 auf #C973AC 1,63:1 Nicht bestanden
Aa #C973AC auf #E6A3DE 1,63:1 Nicht bestanden
Aa #911A66 auf #C12B90 1,58:1 Nicht bestanden
Aa #7D5FB0 auf #C973AC 1,58:1 Nicht bestanden
Aa #352D61 auf #911A66 1,50:1 Nicht bestanden
Aa #C12B90 auf #8A82A4 1,45:1 Nicht bestanden
Aa #C6CFC4 auf #E4F6F0 1,43:1 Nicht bestanden
Aa #7D5FB0 auf #8A82A4 1,40:1 Nicht bestanden
Aa #8A82A4 auf #9299E5 1,36:1 Nicht bestanden
Aa #5F5095 auf #7D5FB0 1,35:1 Nicht bestanden
Aa #9299E5 auf #E6A3DE 1,35:1 Nicht bestanden
Aa #5F5095 auf #C12B90 1,31:1 Nicht bestanden
Aa #E6A3DE auf #C6CFC4 1,23:1 Nicht bestanden
Aa #911A66 auf #5F5095 1,21:1 Nicht bestanden
Aa #C973AC auf #9299E5 1,21:1 Nicht bestanden
Aa #8A82A4 auf #C973AC 1,12:1 Nicht bestanden
Aa #7D5FB0 auf #C12B90 1,03: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