Fintech Growth Green
Mobile consumer investment app palette highlighting positive portfolio yield and dividend compounding.
#Business#Modern#Fresh#Clean#UI
COLOR 1
#064E3B
Alexandrite
COLOR 2
#059669
Sea Green
COLOR 3
#10B981
Emerald 500
COLOR 4
#34D399
Chrysoprase
COLOR 5
#ECFDF5
Mint Cream
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #064E3B;
--color-2: #059669;
--color-3: #10B981;
--color-4: #34D399;
--color-5: #ECFDF5;
}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 #34D3995.06:1
Normal Text AA Pass
Sample Text
#064E3B on #ECFDF59.23:1
Normal Text AA Pass
Sample Text
#059669 on #34D3991.96:1
Large Text Only (Fail)
Sample Text
#059669 on #ECFDF53.58:1
Large Text Only (Pass)
Sample Text
#10B981 on #34D3991.32:1
Large Text Only (Fail)
Sample Text
#10B981 on #ECFDF52.41:1
Large Text Only (Fail)