First Post
#2FBFA4
Likes
27
Farben
6
CSS-Variablen
:root {
--c-muted-1: #2FBFA4;
--c-muted-2: #099975;
--c-muted-3: #007753;
--c-muted-4: #005634;
--c-muted-5: #0B351F;
--c-muted-6: #091C12;
}Über diese Palette
Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton First Post (#2FBFA4) bis zum dunkelsten Ton Nightmare (#091C12). Sie vereint First Post, Jardinière, Victoria Peak, Permanent Green, Dark Jungle und Nightmare in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2FBFA4 auf #091C12 mit 7,68:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Jardinière
#099975
Victoria Peak
#007753
Permanent Green
#005634
Dark Jungle
#0B351F
Nightmare
#091C12
Kontrast & Barrierefreiheit
3 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#2FBFA4 auf #091C12
7,68:1
AAA
Aa
#2FBFA4 auf #0B351F
5,90:1
AA
Aa
#099975 auf #091C12
4,91:1
AA
Aa
#2FBFA4 auf #005634
3,83:1
AA (großer Text)
Aa
#099975 auf #0B351F
3,77:1
AA (großer Text)
Aa
#007753 auf #091C12
3,17:1
AA (großer Text)
Aa
#099975 auf #005634
2,45:1
Nicht bestanden
Aa
#007753 auf #0B351F
2,44:1
Nicht bestanden
Aa
#2FBFA4 auf #007753
2,42:1
Nicht bestanden
Aa
#005634 auf #091C12
2,01:1
Nicht bestanden
Aa
#007753 auf #005634
1,58:1
Nicht bestanden
Aa
#2FBFA4 auf #099975
1,56:1
Nicht bestanden
Aa
#099975 auf #007753
1,55:1
Nicht bestanden
Aa
#005634 auf #0B351F
1,54:1
Nicht bestanden
Aa
#0B351F auf #091C12
1,30:1
Nicht bestanden
Ähnliche Paletten
#212121
#323232
#0D7377
#14FFEC
#0A2647
#144272
#205295
#2C74B3
#040D12
#183D3D
#5C8374
#93B1A6
#142850
#27496D
#0C7B93
#00A8CC
#635985
#443C68
#393053
#18122B
#000000
#150050
#3F0071
#610094
#151515
#301B3F
#3C415C
#B4A5A5
#041C32
#04293A
#064663
#ECB365