Ember Pier color palette — #C8E6D7 · #58D3FF · #DA6642 · #008FB6 · #4C1200

Built around Coral Clay, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Celadon Mist (#C8E6D7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#58D3FF): A luminous, balanced blue — the color of open sky before noon.
• Coral Clay (#DA6642): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#008FB6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Espresso (#4C1200): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Ember Pier into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Coral Courtyard color palette (#CFE5D2, #1AC6D0, #F4755D, #00949C, #510800)
• Antique Studio color palette (#C7E6DC, #8ACAFF, #F47C11, #0074B7, #431D00)
• Powdered Sky color palette (#CEE9DF, #4FB9FF, #A76E00, #0078B3, #271700)
• Antique Lantern color palette (#DBF6E9, #60CDFC, #F9A651, #0093C2, #4F2B00)
• Muted Rose Chapel color palette (#D9E2CF, #59DFAC, #E95163, #00996F, #530013)
• Hushed Brick color palette (#D1E9F9, #008BB7, #BF2B24, #004D68, #2B0001)
• Weathered Scarlet color palette (#E1F5ED, #58C4FF, #BD6C00, #DC4410, #002234)
• Timeworn Market color palette (#C4E4F3, #00AAC7, #7B9200, #006F83, #252D00)

Browse the whole catalog at Explore, or see today's palette.