Warm · curated
Ember Coast
Ember Coast is a curated smoldering, coastal, nostalgic system designed to move from expressive brand color to dependable surface and text roles.
Color values
Ember Coast Primary · primary
HEX #9C3848
RGB 156, 56, 72
HSL 350°, 47%, 42%
On white 6.83:1 · on black 3.07:1
Ember Coast Secondary · secondary
HEX #E3673C
RGB 227, 103, 60
HSL 15°, 75%, 56%
On white 3.35:1 · on black 6.27:1
Ember Coast Accent · accent
HEX #F2A65A
RGB 242, 166, 90
HSL 30°, 85%, 65%
On white 2.02:1 · on black 10.38:1
Ember Coast Background · background
HEX #FDF0E0
RGB 253, 240, 224
HSL 33°, 88%, 94%
On white 1.12:1 · on black 18.72:1
Ember Coast Text · text
HEX #2E294E
RGB 46, 41, 78
HSL 248°, 31%, 23%
On white 13.61:1 · on black 1.54:1
Text contrast between these colors
WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.
Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.