Nightshade Berries
#1E1610
Likes
266
Farben
11
CSS-Variablen
:root {
--c-vibrant-1: #1E1610;
--c-vibrant-2: #D3AD8B;
--c-vibrant-3: #FCCE8D;
--c-vibrant-4: #F3EDE3;
--c-vibrant-5: #F95142;
--c-vibrant-6: #FF8F46;
--c-vibrant-7: #F2BB4E;
--c-vibrant-8: #84A3A5;
--c-vibrant-9: #4D7C71;
--c-vibrant-10: #405987;
--c-vibrant-11: #1F2F49;
}Über diese Palette
Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Flurries (#F3EDE3) bis zum dunkelsten Ton Nightshade Berries (#1E1610). Sie vereint Nightshade Berries, Cheddar Biscuit, Puff Pastry Yellow, Flurries, Ogre Odour, Orangish, Maximum Yellow Red, Tourmaline, Azurite Water Green, True Navy und Manganese Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1E1610 auf #F3EDE3 mit 15,32:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Cheddar Biscuit
#D3AD8B
Puff Pastry Yellow
#FCCE8D
Flurries
#F3EDE3
Ogre Odour
#F95142
Orangish
#FF8F46
Maximum Yellow Red
#F2BB4E
Tourmaline
#84A3A5
Azurite Water Green
#4D7C71
True Navy
#405987
Manganese Black
#1F2F49
Kontrast & Barrierefreiheit
15 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#1E1610 auf #F3EDE3
15,32:1
AAA
Aa
#1E1610 auf #FCCE8D
12,19:1
AAA
Aa
#F3EDE3 auf #1F2F49
11,55:1
AAA
Aa
#1E1610 auf #F2BB4E
10,19:1
AAA
Aa
#FCCE8D auf #1F2F49
9,19:1
AAA
Aa
#1E1610 auf #D3AD8B
8,59:1
AAA
Aa
#1E1610 auf #FF8F46
7,87:1
AAA
Aa
#F2BB4E auf #1F2F49
7,68:1
AAA
Aa
#1E1610 auf #84A3A5
6,59:1
AA
Aa
#D3AD8B auf #1F2F49
6,48:1
AA
Aa
#F3EDE3 auf #405987
6,02:1
AA
Aa
#FF8F46 auf #1F2F49
5,94:1
AA
Aa
#1E1610 auf #F95142
5,34:1
AA
Aa
#84A3A5 auf #1F2F49
4,97:1
AA
Aa
#FCCE8D auf #405987
4,79:1
AA
Aa
#F3EDE3 auf #4D7C71
4,06:1
AA (großer Text)
Aa
#F95142 auf #1F2F49
4,03:1
AA (großer Text)
Aa
#F2BB4E auf #405987
4,00:1
AA (großer Text)
Aa
#1E1610 auf #4D7C71
3,77:1
AA (großer Text)
Aa
#D3AD8B auf #405987
3,38:1
AA (großer Text)
Aa
#FCCE8D auf #4D7C71
3,23:1
AA (großer Text)
Aa
#FF8F46 auf #405987
3,09:1
AA (großer Text)
Aa
#F3EDE3 auf #F95142
2,87:1
Nicht bestanden
Aa
#4D7C71 auf #1F2F49
2,84:1
Nicht bestanden
Aa
#F2BB4E auf #4D7C71
2,70:1
Nicht bestanden
Aa
#84A3A5 auf #405987
2,59:1
Nicht bestanden
Aa
#1E1610 auf #405987
2,55:1
Nicht bestanden
Aa
#F3EDE3 auf #84A3A5
2,32:1
Nicht bestanden
Aa
#D3AD8B auf #4D7C71
2,28:1
Nicht bestanden
Aa
#FCCE8D auf #F95142
2,28:1
Nicht bestanden
Aa
#F95142 auf #405987
2,10:1
Nicht bestanden
Aa
#FF8F46 auf #4D7C71
2,09:1
Nicht bestanden
Aa
#F3EDE3 auf #FF8F46
1,95:1
Nicht bestanden
Aa
#405987 auf #1F2F49
1,92:1
Nicht bestanden
Aa
#F95142 auf #F2BB4E
1,91:1
Nicht bestanden
Aa
#FCCE8D auf #84A3A5
1,85:1
Nicht bestanden
Aa
#D3AD8B auf #F3EDE3
1,78:1
Nicht bestanden
Aa
#84A3A5 auf #4D7C71
1,75:1
Nicht bestanden
Aa
#D3AD8B auf #F95142
1,61:1
Nicht bestanden
Aa
#FCCE8D auf #FF8F46
1,55:1
Nicht bestanden
Aa
#F2BB4E auf #84A3A5
1,54:1
Nicht bestanden
Aa
#F3EDE3 auf #F2BB4E
1,50:1
Nicht bestanden
Aa
#F95142 auf #FF8F46
1,48:1
Nicht bestanden
Aa
#4D7C71 auf #405987
1,48:1
Nicht bestanden
Aa
#D3AD8B auf #FCCE8D
1,42:1
Nicht bestanden
Aa
#F95142 auf #4D7C71
1,42:1
Nicht bestanden
Aa
#1E1610 auf #1F2F49
1,33:1
Nicht bestanden
Aa
#D3AD8B auf #84A3A5
1,30:1
Nicht bestanden
Aa
#FF8F46 auf #F2BB4E
1,29:1
Nicht bestanden
Aa
#FCCE8D auf #F3EDE3
1,26:1
Nicht bestanden
Aa
#F95142 auf #84A3A5
1,24:1
Nicht bestanden
Aa
#FCCE8D auf #F2BB4E
1,20:1
Nicht bestanden
Aa
#D3AD8B auf #F2BB4E
1,19:1
Nicht bestanden
Aa
#FF8F46 auf #84A3A5
1,19:1
Nicht bestanden
Aa
#D3AD8B auf #FF8F46
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