Melted Butter
#FFD154
Likes
19
Farben
5
CSS-Variablen
:root {
--c-vibrant-1: #FFD154;
--c-vibrant-2: #FCA081;
--c-vibrant-3: #CA77A4;
--c-vibrant-4: #9D6AC9;
--c-vibrant-5: #6EABFC;
}Über diese Palette
Diese lebendige Palette mit 5 Farben reicht vom hellsten Ton Melted Butter (#FFD154) bis zum dunkelsten Ton Amethyst (#9D6AC9). Sie vereint Melted Butter, Papaya Punch, Heartbreaker, Amethyst und Fennel Flower in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 10 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Papaya Punch
#FCA081
Heartbreaker
#CA77A4
Amethyst
#9D6AC9
Fennel Flower
#6EABFC
Kontrast & Barrierefreiheit
0 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFD154 auf #9D6AC9
2,72:1
Nicht bestanden
Aa
#FFD154 auf #CA77A4
2,17:1
Nicht bestanden
Aa
#FCA081 auf #9D6AC9
1,96:1
Nicht bestanden
Aa
#9D6AC9 auf #6EABFC
1,67:1
Nicht bestanden
Aa
#FFD154 auf #6EABFC
1,63:1
Nicht bestanden
Aa
#FCA081 auf #CA77A4
1,57:1
Nicht bestanden
Aa
#FFD154 auf #FCA081
1,38:1
Nicht bestanden
Aa
#CA77A4 auf #6EABFC
1,33:1
Nicht bestanden
Aa
#CA77A4 auf #9D6AC9
1,25:1
Nicht bestanden
Aa
#FCA081 auf #6EABFC
1,18:1
Nicht bestanden
Ähnliche Paletten
#FFF5E4
#FFE3E1
#FFD1D1
#FF9494
#F9F5F6
#F8E8EE
#FDCEDF
#F2BED1
#FFC7C7
#FFE2E2
#F6F6F6
#8785A2
#AD8B73
#CEAB93
#E3CAA5
#FFFBE9
#F38181
#FCE38A
#EAFFD0
#95E1D3
#B7C4CF
#EEE3CB
#D7C0AE
#967E76
#FFEDDB
#EDCDBB
#E3B7A0
#BF9270
#8D7B68
#A4907C
#C8B6A6
#F1DEC9