Jade Gravel
#04BFB5
Likes
47
Farben
9
CSS-Variablen
:root {
--c-muted-1: #04BFB5;
--c-muted-2: #046374;
--c-muted-3: #042131;
--c-muted-4: #040E16;
--c-muted-5: #3A1404;
--c-muted-6: #A74104;
--c-muted-7: #DE6604;
--c-muted-8: #FFD952;
--c-muted-9: #FFF9D6;
}Über diese Palette
Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Wild Apple (#FFF9D6) bis zum dunkelsten Ton Dark Rift (#040E16). Sie vereint Jade Gravel, Green Spool, Midnight Dreams, Dark Rift, American Bronze, Pepperoni, Orange Danger, Kuchinashi Yellow und Wild Apple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 16 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #040E16 auf #FFF9D6 mit 18,32:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Green Spool
#046374
Midnight Dreams
#042131
Dark Rift
#040E16
American Bronze
#3A1404
Pepperoni
#A74104
Orange Danger
#DE6604
Kuchinashi Yellow
#FFD952
Wild Apple
#FFF9D6
Kontrast & Barrierefreiheit
16 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#040E16 auf #FFF9D6
18,32:1
AAA
Aa
#042131 auf #FFF9D6
15,61:1
AAA
Aa
#3A1404 auf #FFF9D6
15,43:1
AAA
Aa
#040E16 auf #FFD952
14,17:1
AAA
Aa
#042131 auf #FFD952
12,07:1
AAA
Aa
#3A1404 auf #FFD952
11,94:1
AAA
Aa
#04BFB5 auf #040E16
8,45:1
AAA
Aa
#04BFB5 auf #042131
7,20:1
AAA
Aa
#04BFB5 auf #3A1404
7,12:1
AAA
Aa
#046374 auf #FFF9D6
6,50:1
AA
Aa
#A74104 auf #FFF9D6
5,81:1
AA
Aa
#040E16 auf #DE6604
5,57:1
AA
Aa
#046374 auf #FFD952
5,03:1
AA
Aa
#042131 auf #DE6604
4,74:1
AA
Aa
#3A1404 auf #DE6604
4,69:1
AA
Aa
#A74104 auf #FFD952
4,50:1
AA
Aa
#DE6604 auf #FFF9D6
3,29:1
AA (großer Text)
Aa
#040E16 auf #A74104
3,15:1
AA (großer Text)
Aa
#04BFB5 auf #046374
3,00:1
AA (großer Text)
Aa
#046374 auf #040E16
2,82:1
Nicht bestanden
Aa
#04BFB5 auf #A74104
2,68:1
Nicht bestanden
Aa
#042131 auf #A74104
2,68:1
Nicht bestanden
Aa
#3A1404 auf #A74104
2,65:1
Nicht bestanden
Aa
#DE6604 auf #FFD952
2,55:1
Nicht bestanden
Aa
#046374 auf #042131
2,40:1
Nicht bestanden
Aa
#046374 auf #3A1404
2,37:1
Nicht bestanden
Aa
#04BFB5 auf #FFF9D6
2,17:1
Nicht bestanden
Aa
#046374 auf #DE6604
1,98:1
Nicht bestanden
Aa
#A74104 auf #DE6604
1,77:1
Nicht bestanden
Aa
#04BFB5 auf #FFD952
1,68:1
Nicht bestanden
Aa
#04BFB5 auf #DE6604
1,52:1
Nicht bestanden
Aa
#FFD952 auf #FFF9D6
1,29:1
Nicht bestanden
Aa
#040E16 auf #3A1404
1,19:1
Nicht bestanden
Aa
#042131 auf #040E16
1,17:1
Nicht bestanden
Aa
#046374 auf #A74104
1,12:1
Nicht bestanden
Aa
#042131 auf #3A1404
1,01:1
Nicht bestanden
Ähnliche Paletten
#000000
#3E065F
#700B97
#8E05C2
#000000
#150050
#3F0071
#FB2576
#000000
#3E432E
#616F39
#A7D129
#4B5D67
#322F3D
#59405C
#87556F
#18230F
#27391C
#255F38
#1F7D53
#FF5200
#6F0000
#00263B
#00A1AB
#000000
#0F6292
#16FF00
#FFED00
#251D3A
#2A2550
#E04D01
#FF7700