Ember Pier color palette — #F8E7FF · #E39DA5 · #C96763 · #804435 · #4B313F

A conversation between Coral Clay and Coffee, giving this palette its sense of warmth and comfort.

The five colors

• Blush (#F8E7FF): A whisper-light, dusty pink — the color of neon signs at night.
• Rose Quartz (#E39DA5): A luminous, balanced red — the color of a theater curtain.
• Coral Clay (#C96763): A luminous, balanced orange — the color of toasted spice.
• Coffee (#804435): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#4B313F): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Warmth, Comfort, 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

• Hushed Blush color palette (#FFECEE, #EE9AB3, #B96E6D, #81573A, #4F4E47)
• Wandering Amber color palette (#F7DCF2, #E6A58E, #BD753A, #764D15, #223A27)
• Worn Amber Hollow color palette (#FFEBF6, #F6BDA4, #C0744F, #6F3C26, #301426)
• Peony Corridor color palette (#F0F0FF, #D2A3D3, #B56BA9, #7A4560, #3E2D43)
• Turquoise Dune color palette (#F8EFF5, #E0A196, #1BAECA, #A15C4F, #103645)
• Washed Amber color palette (#FEE4DA, #DE803C, #935A00, #4D3700, #2C2200)
• Oat Bloom color palette (#FCECF7, #E7D3D0, #C6D8A6, #9E81A0, #45353D)
• Emerald Summit color palette (#FFEBF8, #CB8975, #38A46F, #6C73AC, #32212D)

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