Timeworn Ember color palette — #FFF2ED · #EEB4AD · #72BFCC · #D4665E · #33563E

Built around Coral Clay, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#EEB4AD): A whisper-light, dusty orange — the color of autumn markets.
• Cyan (#72BFCC): A luminous, dusty blue — the color of open sky before noon.
• Coral Clay (#D4665E): A luminous, balanced orange — the color of autumn markets.
• Deep Olive (#33563E): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged light, muted.

Use it as a design system

One click turns Timeworn Ember 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 Drift color palette (#FEF2F0, #E8B4C1, #78C49B, #C56D87, #4C4E47)
• Washed Pier color palette (#FDF1FA, #F1D8C2, #7DDFDF, #CB8577, #294C56)
• Muted Archive color palette (#FBF4EB, #E0BE8E, #8DB5E3, #B58128, #334F6E)
• Dusty Cerulean color palette (#FFF2EB, #E19E89, #4BB7C0, #36A0C3, #48413D)
• Dusty Corridor color palette (#FFF2EC, #FFC4BB, #B8D195, #D6968C, #554F00)
• Dusty Cocoa color palette (#FFF2EC, #DFDDCD, #A7BFD8, #C48FA5, #76420B)
• Bronze Grove color palette (#FBF4E7, #D1CBAE, #A89B6E, #996930, #4B4B00)
• Hushed Iris color palette (#FEF0FC, #E49996, #908DE0, #A45A59, #444C65)

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