Pineapple Crush
#EADB91
Likes
47
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #EADB91;
--c-vibrant-2: #E0AD06;
--c-vibrant-3: #B52E27;
--c-vibrant-4: #AA71C4;
--c-vibrant-5: #4D329E;
--c-vibrant-6: #2D5F91;
--c-vibrant-7: #7DCEAF;
--c-vibrant-8: #7FAD29;
--c-vibrant-9: #2E7034;
--c-vibrant-10: #441A00;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Pineapple Crush (#EADB91) bis zum dunkelsten Ton Bath in Chocolate (#441A00). Sie vereint Pineapple Crush, Mustard Yellow, Cardinal’s Cassock, Rich Lavender, Royal Wisteria, Running Water, Aquamarine Ocean, Lima Sombrio, San Felix und Bath in Chocolate in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EADB91 auf #441A00 mit 10,79:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Mustard Yellow
#E0AD06
Cardinal’s Cassock
#B52E27
Rich Lavender
#AA71C4
Royal Wisteria
#4D329E
Running Water
#2D5F91
Aquamarine Ocean
#7DCEAF
Lima Sombrio
#7FAD29
San Felix
#2E7034
Bath in Chocolate
#441A00
Kontrast & Barrierefreiheit
7 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#EADB91 auf #441A00
10,79:1
AAA
Aa
#7DCEAF auf #441A00
8,12:1
AAA
Aa
#E0AD06 auf #441A00
7,28:1
AAA
Aa
#EADB91 auf #4D329E
6,64:1
AA
Aa
#7FAD29 auf #441A00
5,68:1
AA
Aa
#4D329E auf #7DCEAF
5,00:1
AA
Aa
#EADB91 auf #2D5F91
4,76:1
AA
Aa
#E0AD06 auf #4D329E
4,48:1
AA (großer Text)
Aa
#EADB91 auf #B52E27
4,44:1
AA (großer Text)
Aa
#EADB91 auf #2E7034
4,32:1
AA (großer Text)
Aa
#AA71C4 auf #441A00
4,21:1
AA (großer Text)
Aa
#2D5F91 auf #7DCEAF
3,59:1
AA (großer Text)
Aa
#4D329E auf #7FAD29
3,49:1
AA (großer Text)
Aa
#B52E27 auf #7DCEAF
3,34:1
AA (großer Text)
Aa
#7DCEAF auf #2E7034
3,25:1
AA (großer Text)
Aa
#E0AD06 auf #2D5F91
3,21:1
AA (großer Text)
Aa
#E0AD06 auf #B52E27
3,00:1
AA (großer Text)
Aa
#E0AD06 auf #2E7034
2,91:1
Nicht bestanden
Aa
#AA71C4 auf #4D329E
2,59:1
Nicht bestanden
Aa
#EADB91 auf #AA71C4
2,56:1
Nicht bestanden
Aa
#2D5F91 auf #7FAD29
2,51:1
Nicht bestanden
Aa
#2E7034 auf #441A00
2,50:1
Nicht bestanden
Aa
#B52E27 auf #441A00
2,43:1
Nicht bestanden
Aa
#B52E27 auf #7FAD29
2,34:1
Nicht bestanden
Aa
#2D5F91 auf #441A00
2,27:1
Nicht bestanden
Aa
#7FAD29 auf #2E7034
2,27:1
Nicht bestanden
Aa
#AA71C4 auf #7DCEAF
1,93:1
Nicht bestanden
Aa
#EADB91 auf #7FAD29
1,90:1
Nicht bestanden
Aa
#AA71C4 auf #2D5F91
1,86:1
Nicht bestanden
Aa
#E0AD06 auf #AA71C4
1,73:1
Nicht bestanden
Aa
#B52E27 auf #AA71C4
1,73:1
Nicht bestanden
Aa
#AA71C4 auf #2E7034
1,68:1
Nicht bestanden
Aa
#4D329E auf #441A00
1,63:1
Nicht bestanden
Aa
#4D329E auf #2E7034
1,54:1
Nicht bestanden
Aa
#B52E27 auf #4D329E
1,49:1
Nicht bestanden
Aa
#EADB91 auf #E0AD06
1,48:1
Nicht bestanden
Aa
#7DCEAF auf #7FAD29
1,43:1
Nicht bestanden
Aa
#4D329E auf #2D5F91
1,39:1
Nicht bestanden
Aa
#AA71C4 auf #7FAD29
1,35:1
Nicht bestanden
Aa
#EADB91 auf #7DCEAF
1,33:1
Nicht bestanden
Aa
#E0AD06 auf #7FAD29
1,28:1
Nicht bestanden
Aa
#E0AD06 auf #7DCEAF
1,12:1
Nicht bestanden
Aa
#2D5F91 auf #2E7034
1,10:1
Nicht bestanden
Aa
#B52E27 auf #2D5F91
1,07:1
Nicht bestanden
Aa
#B52E27 auf #2E7034
1,03: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