HealthTech Mint Pulse
Invigorating clinical and wellness UI palette balancing medical deep emerald with restorative mint highlights.
#App UI#Fresh#UI#Clean#Modern
COLOR 1
#064E3B
Alexandrite
COLOR 2
#059669
Sea Green
COLOR 3
#34D399
Chrysoprase
COLOR 4
#A7F3D0
Pastel Mint
COLOR 5
#F0FDF4
Mint Cream
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #064E3B;
--color-2: #059669;
--color-3: #34D399;
--color-4: #A7F3D0;
--color-5: #F0FDF4;
}Role-Based WCAG Contrast Audit
Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:
Sample Text
#064E3B on #A7F3D07.58:1
Normal Text AA Pass
Sample Text
#064E3B on #F0FDF49.28:1
Normal Text AA Pass
Sample Text
#059669 on #A7F3D02.94:1
Large Text Only (Fail)
Sample Text
#059669 on #F0FDF43.60:1
Large Text Only (Pass)
Sample Text
#34D399 on #A7F3D01.50:1
Large Text Only (Fail)
Sample Text
#34D399 on #F0FDF41.84:1
Large Text Only (Fail)