Frosting Cream
#FFFBEF
Likes
112
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #FFFBEF;
--c-vibrant-2: #FFCDCD;
--c-vibrant-3: #F6857D;
--c-vibrant-4: #BD4B6C;
--c-vibrant-5: #852646;
--c-vibrant-6: #391F46;
--c-vibrant-7: #1BDC8D;
--c-vibrant-8: #028FA0;
--c-vibrant-9: #32D5FF;
--c-vibrant-10: #C4FFFB;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Frosting Cream (#FFFBEF) bis zum dunkelsten Ton Power Outage (#391F46). Sie vereint Frosting Cream, Lusty-Gallant, Coral Pink, Vibrant Red, Red Plum, Power Outage, Reptile Green, Parrot Flight, Vaporwave Blue und Crushed Ice in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFBEF auf #391F46 mit 13,92:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Lusty-Gallant
#FFCDCD
Coral Pink
#F6857D
Vibrant Red
#BD4B6C
Red Plum
#852646
Power Outage
#391F46
Reptile Green
#1BDC8D
Parrot Flight
#028FA0
Vaporwave Blue
#32D5FF
Crushed Ice
#C4FFFB
Kontrast & Barrierefreiheit
12 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFBEF auf #391F46
13,92:1
AAA
Aa
#391F46 auf #C4FFFB
13,06:1
AAA
Aa
#FFCDCD auf #391F46
10,19:1
AAA
Aa
#FFFBEF auf #852646
8,59:1
AAA
Aa
#391F46 auf #32D5FF
8,29:1
AAA
Aa
#852646 auf #C4FFFB
8,06:1
AAA
Aa
#391F46 auf #1BDC8D
8,00:1
AAA
Aa
#FFCDCD auf #852646
6,29:1
AA
Aa
#F6857D auf #391F46
5,88:1
AA
Aa
#852646 auf #32D5FF
5,12:1
AA
Aa
#852646 auf #1BDC8D
4,94:1
AA
Aa
#FFFBEF auf #BD4B6C
4,63:1
AA
Aa
#BD4B6C auf #C4FFFB
4,34:1
AA (großer Text)
Aa
#FFFBEF auf #028FA0
3,73:1
AA (großer Text)
Aa
#391F46 auf #028FA0
3,73:1
AA (großer Text)
Aa
#F6857D auf #852646
3,63:1
AA (großer Text)
Aa
#028FA0 auf #C4FFFB
3,50:1
AA (großer Text)
Aa
#FFCDCD auf #BD4B6C
3,39:1
AA (großer Text)
Aa
#BD4B6C auf #391F46
3,01:1
AA (großer Text)
Aa
#BD4B6C auf #32D5FF
2,76:1
Nicht bestanden
Aa
#FFCDCD auf #028FA0
2,73:1
Nicht bestanden
Aa
#BD4B6C auf #1BDC8D
2,66:1
Nicht bestanden
Aa
#FFFBEF auf #F6857D
2,37:1
Nicht bestanden
Aa
#852646 auf #028FA0
2,30:1
Nicht bestanden
Aa
#F6857D auf #C4FFFB
2,22:1
Nicht bestanden
Aa
#028FA0 auf #32D5FF
2,22:1
Nicht bestanden
Aa
#1BDC8D auf #028FA0
2,15:1
Nicht bestanden
Aa
#F6857D auf #BD4B6C
1,95:1
Nicht bestanden
Aa
#BD4B6C auf #852646
1,86:1
Nicht bestanden
Aa
#FFFBEF auf #1BDC8D
1,74:1
Nicht bestanden
Aa
#FFCDCD auf #F6857D
1,73:1
Nicht bestanden
Aa
#FFFBEF auf #32D5FF
1,68:1
Nicht bestanden
Aa
#1BDC8D auf #C4FFFB
1,63:1
Nicht bestanden
Aa
#852646 auf #391F46
1,62:1
Nicht bestanden
Aa
#F6857D auf #028FA0
1,58:1
Nicht bestanden
Aa
#32D5FF auf #C4FFFB
1,57:1
Nicht bestanden
Aa
#F6857D auf #32D5FF
1,41:1
Nicht bestanden
Aa
#FFFBEF auf #FFCDCD
1,37:1
Nicht bestanden
Aa
#F6857D auf #1BDC8D
1,36:1
Nicht bestanden
Aa
#FFCDCD auf #C4FFFB
1,28:1
Nicht bestanden
Aa
#FFCDCD auf #1BDC8D
1,27:1
Nicht bestanden
Aa
#BD4B6C auf #028FA0
1,24:1
Nicht bestanden
Aa
#FFCDCD auf #32D5FF
1,23:1
Nicht bestanden
Aa
#FFFBEF auf #C4FFFB
1,07:1
Nicht bestanden
Aa
#1BDC8D auf #32D5FF
1,04:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50