Placebo Sky
#ECFBFF
Likes
50
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #ECFBFF;
--c-vibrant-2: #FFD174;
--c-vibrant-3: #FF9932;
--c-vibrant-4: #F2734E;
--c-vibrant-5: #EE0F4D;
--c-vibrant-6: #DB51DB;
--c-vibrant-7: #992CAF;
--c-vibrant-8: #019070;
--c-vibrant-9: #3F3479;
--c-vibrant-10: #262640;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Placebo Sky (#ECFBFF) bis zum dunkelsten Ton Telopea (#262640). Sie vereint Placebo Sky, Banana Bread, Deep Saffron, Coral Rose, Rock Lobster, Pink Purple, Pink Spyro, Observatory, Galactic Compass und Telopea in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #ECFBFF auf #262640 mit 13,82:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Banana Bread
#FFD174
Deep Saffron
#FF9932
Coral Rose
#F2734E
Rock Lobster
#EE0F4D
Pink Purple
#DB51DB
Pink Spyro
#992CAF
Observatory
#019070
Galactic Compass
#3F3479
Telopea
#262640
Kontrast & Barrierefreiheit
8 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#ECFBFF auf #262640
13,82:1
AAA
Aa
#FFD174 auf #262640
10,20:1
AAA
Aa
#ECFBFF auf #3F3479
10,01:1
AAA
Aa
#FFD174 auf #3F3479
7,39:1
AAA
Aa
#FF9932 auf #262640
6,87:1
AA
Aa
#ECFBFF auf #992CAF
5,94:1
AA
Aa
#F2734E auf #262640
5,12:1
AA
Aa
#FF9932 auf #3F3479
4,98:1
AA
Aa
#FFD174 auf #992CAF
4,39:1
AA (großer Text)
Aa
#DB51DB auf #262640
4,33:1
AA (großer Text)
Aa
#ECFBFF auf #EE0F4D
4,12:1
AA (großer Text)
Aa
#ECFBFF auf #019070
3,79:1
AA (großer Text)
Aa
#F2734E auf #3F3479
3,71:1
AA (großer Text)
Aa
#019070 auf #262640
3,64:1
AA (großer Text)
Aa
#EE0F4D auf #262640
3,36:1
AA (großer Text)
Aa
#ECFBFF auf #DB51DB
3,19:1
AA (großer Text)
Aa
#DB51DB auf #3F3479
3,14:1
AA (großer Text)
Aa
#FFD174 auf #EE0F4D
3,04:1
AA (großer Text)
Aa
#FF9932 auf #992CAF
2,96:1
Nicht bestanden
Aa
#FFD174 auf #019070
2,80:1
Nicht bestanden
Aa
#ECFBFF auf #F2734E
2,70:1
Nicht bestanden
Aa
#019070 auf #3F3479
2,64:1
Nicht bestanden
Aa
#EE0F4D auf #3F3479
2,43:1
Nicht bestanden
Aa
#FFD174 auf #DB51DB
2,35:1
Nicht bestanden
Aa
#992CAF auf #262640
2,33:1
Nicht bestanden
Aa
#F2734E auf #992CAF
2,20:1
Nicht bestanden
Aa
#FF9932 auf #EE0F4D
2,05:1
Nicht bestanden
Aa
#ECFBFF auf #FF9932
2,01:1
Nicht bestanden
Aa
#FFD174 auf #F2734E
1,99:1
Nicht bestanden
Aa
#FF9932 auf #019070
1,89:1
Nicht bestanden
Aa
#DB51DB auf #992CAF
1,86:1
Nicht bestanden
Aa
#992CAF auf #3F3479
1,68:1
Nicht bestanden
Aa
#FF9932 auf #DB51DB
1,59:1
Nicht bestanden
Aa
#992CAF auf #019070
1,57:1
Nicht bestanden
Aa
#F2734E auf #EE0F4D
1,53:1
Nicht bestanden
Aa
#FFD174 auf #FF9932
1,48:1
Nicht bestanden
Aa
#EE0F4D auf #992CAF
1,44:1
Nicht bestanden
Aa
#F2734E auf #019070
1,40:1
Nicht bestanden
Aa
#3F3479 auf #262640
1,38:1
Nicht bestanden
Aa
#ECFBFF auf #FFD174
1,35:1
Nicht bestanden
Aa
#FF9932 auf #F2734E
1,34:1
Nicht bestanden
Aa
#EE0F4D auf #DB51DB
1,29:1
Nicht bestanden
Aa
#DB51DB auf #019070
1,19:1
Nicht bestanden
Aa
#F2734E auf #DB51DB
1,18:1
Nicht bestanden
Aa
#EE0F4D auf #019070
1,09: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