Startseite Farbpaletten Shimmering Sunset

Shimmering Sunset

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

Zurück zur Bibliothek

Shimmering Sunset

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

Bearbeiten

Erdig 12 Farben Warm Hell Triadisch sunset desaturated cozy 12

Likes 61

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #FACFCF;
  --c-earthy-2: #F2ADC9;
  --c-earthy-3: #C795C1;
  --c-earthy-4: #9A7AA1;
  --c-earthy-5: #6F6682;
  --c-earthy-6: #4D5363;
  --c-earthy-7: #FFE58F;
  --c-earthy-8: #FAB47E;
  --c-earthy-9: #EE9292;
  --c-earthy-10: #BD84A5;
  --c-earthy-11: #BCB7F4;
  --c-earthy-12: #9D90DA;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Swallowtail (#FFE58F) bis zum dunkelsten Ton Mystical Shade (#4D5363). Sie vereint Fading Rose, Rose Mallow, Pomtini, Divine, Hyacinth Arbour, Mystical Shade, Swallowtail, Baltic Amber, Dishy Coral, Opera Mauve, Purple Illusion und Middy’s Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #4D5363 auf #FFE58F mit 6,17: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

Fading Rose #FACFCF

RGB: rgb(250, 207, 207)
HSL: hsl(0, 81%, 90%)
Luminanz: 0,695

Rose Mallow #F2ADC9

RGB: rgb(242, 173, 201)
HSL: hsl(336, 73%, 81%)
Luminanz: 0,530

Pomtini #C795C1

RGB: rgb(199, 149, 193)
HSL: hsl(307, 31%, 68%)
Luminanz: 0,375

Divine #9A7AA1

RGB: rgb(154, 122, 161)
HSL: hsl(289, 17%, 55%)
Luminanz: 0,234

Hyacinth Arbour #6F6682

RGB: rgb(111, 102, 130)
HSL: hsl(259, 12%, 45%)
Luminanz: 0,145

Mystical Shade #4D5363

RGB: rgb(77, 83, 99)
HSL: hsl(224, 13%, 35%)
Luminanz: 0,087

Swallowtail #FFE58F

RGB: rgb(255, 229, 143)
HSL: hsl(46, 100%, 78%)
Luminanz: 0,793

Baltic Amber #FAB47E

RGB: rgb(250, 180, 126)
HSL: hsl(26, 93%, 74%)
Luminanz: 0,545

Dishy Coral #EE9292

RGB: rgb(238, 146, 146)
HSL: hsl(0, 73%, 75%)
Luminanz: 0,408

Opera Mauve #BD84A5

RGB: rgb(189, 132, 165)
HSL: hsl(325, 30%, 63%)
Luminanz: 0,300

Purple Illusion #BCB7F4

RGB: rgb(188, 183, 244)
HSL: hsl(245, 73%, 84%)
Luminanz: 0,511

Middy’s Purple #9D90DA

RGB: rgb(157, 144, 218)
HSL: hsl(251, 50%, 71%)
Luminanz: 0,322

Kontrast & Barrierefreiheit

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

Aa #4D5363 auf #FFE58F 6,17:1 AA

Aa #FACFCF auf #4D5363 5,45:1 AA

Aa #4D5363 auf #FAB47E 4,35:1 AA (großer Text)

Aa #6F6682 auf #FFE58F 4,32:1 AA (großer Text)

Aa #F2ADC9 auf #4D5363 4,24:1 AA (großer Text)

Aa #4D5363 auf #BCB7F4 4,10:1 AA (großer Text)

Aa #FACFCF auf #6F6682 3,82:1 AA (großer Text)

Aa #4D5363 auf #EE9292 3,35:1 AA (großer Text)

Aa #C795C1 auf #4D5363 3,11:1 AA (großer Text)

Aa #6F6682 auf #FAB47E 3,05:1 AA (großer Text)

Aa #F2ADC9 auf #6F6682 2,97:1 Nicht bestanden

Aa #9A7AA1 auf #FFE58F 2,97:1 Nicht bestanden

Aa #6F6682 auf #BCB7F4 2,88:1 Nicht bestanden

Aa #4D5363 auf #9D90DA 2,72:1 Nicht bestanden

Aa #FACFCF auf #9A7AA1 2,63:1 Nicht bestanden

Aa #4D5363 auf #BD84A5 2,56:1 Nicht bestanden

Aa #FFE58F auf #BD84A5 2,41:1 Nicht bestanden

Aa #6F6682 auf #EE9292 2,35:1 Nicht bestanden

Aa #FFE58F auf #9D90DA 2,27:1 Nicht bestanden

Aa #C795C1 auf #6F6682 2,18:1 Nicht bestanden

Aa #FACFCF auf #BD84A5 2,12:1 Nicht bestanden

Aa #9A7AA1 auf #FAB47E 2,10:1 Nicht bestanden

Aa #9A7AA1 auf #4D5363 2,08:1 Nicht bestanden

Aa #F2ADC9 auf #9A7AA1 2,04:1 Nicht bestanden

Aa #FACFCF auf #9D90DA 2,00:1 Nicht bestanden

Aa #C795C1 auf #FFE58F 1,98:1 Nicht bestanden

Aa #9A7AA1 auf #BCB7F4 1,98:1 Nicht bestanden

Aa #6F6682 auf #9D90DA 1,91:1 Nicht bestanden

Aa #FFE58F auf #EE9292 1,84:1 Nicht bestanden

Aa #6F6682 auf #BD84A5 1,80:1 Nicht bestanden

Aa #FACFCF auf #C795C1 1,75:1 Nicht bestanden

Aa #FAB47E auf #BD84A5 1,70:1 Nicht bestanden

Aa #F2ADC9 auf #BD84A5 1,65:1 Nicht bestanden

Aa #FACFCF auf #EE9292 1,63:1 Nicht bestanden

Aa #9A7AA1 auf #EE9292 1,62:1 Nicht bestanden

Aa #FAB47E auf #9D90DA 1,60:1 Nicht bestanden

Aa #BD84A5 auf #BCB7F4 1,60:1 Nicht bestanden

Aa #F2ADC9 auf #9D90DA 1,56:1 Nicht bestanden

Aa #BCB7F4 auf #9D90DA 1,51:1 Nicht bestanden

Aa #C795C1 auf #9A7AA1 1,50:1 Nicht bestanden

Aa #FFE58F auf #BCB7F4 1,50:1 Nicht bestanden

Aa #F2ADC9 auf #FFE58F 1,45:1 Nicht bestanden

Aa #9A7AA1 auf #6F6682 1,45:1 Nicht bestanden

Aa #6F6682 auf #4D5363 1,43:1 Nicht bestanden

Aa #FFE58F auf #FAB47E 1,42:1 Nicht bestanden

Aa #C795C1 auf #FAB47E 1,40:1 Nicht bestanden

Aa #F2ADC9 auf #C795C1 1,36:1 Nicht bestanden

Aa #FACFCF auf #BCB7F4 1,33:1 Nicht bestanden

Aa #C795C1 auf #BCB7F4 1,32:1 Nicht bestanden

Aa #9A7AA1 auf #9D90DA 1,31:1 Nicht bestanden

Aa #EE9292 auf #BD84A5 1,31:1 Nicht bestanden

Aa #FAB47E auf #EE9292 1,30:1 Nicht bestanden

Aa #FACFCF auf #F2ADC9 1,28:1 Nicht bestanden

Aa #F2ADC9 auf #EE9292 1,27:1 Nicht bestanden

Aa #FACFCF auf #FAB47E 1,25:1 Nicht bestanden

Aa #9A7AA1 auf #BD84A5 1,24:1 Nicht bestanden

Aa #EE9292 auf #9D90DA 1,23:1 Nicht bestanden

Aa #EE9292 auf #BCB7F4 1,22:1 Nicht bestanden

Aa #C795C1 auf #BD84A5 1,21:1 Nicht bestanden

Aa #C795C1 auf #9D90DA 1,14:1 Nicht bestanden

Aa #FACFCF auf #FFE58F 1,13:1 Nicht bestanden

Aa #C795C1 auf #EE9292 1,08:1 Nicht bestanden

Aa #FAB47E auf #BCB7F4 1,06:1 Nicht bestanden

Aa #BD84A5 auf #9D90DA 1,06:1 Nicht bestanden

Aa #F2ADC9 auf #FAB47E 1,03:1 Nicht bestanden

Aa #F2ADC9 auf #BCB7F4 1,03:1 Nicht bestanden

Shimmering Sunset