Ember Workshop color palette — #FFF0FC · #C9685C · #1A7550 · #1D4A78 · #372D51

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

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#C9685C): A luminous, balanced orange — the color of toasted spice.
• Pine (#1A7550): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1D4A78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#372D51): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Ember Workshop 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

• Aged Peony Dune color palette (#FCF1FF, #D5567D, #3A723D, #005358, #253856)
• Worn Dune color palette (#FAEDF8, #C07670, #00727C, #00456A, #002136)
• Weathered Bloom color palette (#FEF1F6, #CA864E, #2E7F75, #534D74, #433752)
• Hushed Lantern color palette (#FDDEED, #A95300, #005756, #121690, #380051)
• Quiet Aubergine color palette (#DEFFE6, #9B7800, #00647B, #4A277F, #4D124F)
• Olive Thicket color palette (#FFF1F3, #C58EC9, #778A38, #505698, #442B57)
• Antique Cypress color palette (#FBF2F9, #B5E5F8, #5993AE, #1F715C, #38495C)
• Stone Boulevard color palette (#FFEBFE, #D6A8BB, #739485, #586680, #424F66)

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