Terracotta Sky
earthy palette with a balanced five-color hierarchy for design use.
#Earthy#Natural#Muted
COLOR 1
#295E50
Alexandrite
COLOR 2
#449DA8
Asagi Light Teal
COLOR 3
#739AC9
Hydrangea Blue
COLOR 4
#D7A2CE
Kunzite
COLOR 5
#F2ECEB
White Smoke
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #295E50;
--color-2: #449DA8;
--color-3: #739AC9;
--color-4: #D7A2CE;
--color-5: #F2ECEB;
}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
#295E50 on #D7A2CE3.54:1
Large Text Only (Pass)
Sample Text
#295E50 on #F2ECEB6.39:1
Normal Text AA Pass
Sample Text
#449DA8 on #D7A2CE1.50:1
Large Text Only (Fail)
Sample Text
#449DA8 on #F2ECEB2.71:1
Large Text Only (Fail)
Sample Text
#739AC9 on #D7A2CE1.38:1
Large Text Only (Fail)
Sample Text
#739AC9 on #F2ECEB2.50:1
Large Text Only (Fail)