Worn Ember Harbor color palette — #F1DCDA · #FF563F · #C84100 · #843700 · #4E3800

Scarlet takes the lead with Terracotta close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F1DCDA): A whisper-light, dusty orange — the color of toasted spice.
• Scarlet (#FF563F): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#C84100): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#843700): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#4E3800): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Chalky Ember color palette (#FFDEDF, #FF938C, #EB5206, #954600, #593500)
• Rose Harbor color palette (#FFD3DA, #FF4A6B, #D22539, #8B1712, #64281A)
• Patina Amber color palette (#FFE7F4, #DF823B, #A54B15, #77301C, #492B37)
• Apricot Station color palette (#FFEADD, #ED8D00, #976000, #684600, #363D03)
• Wandering Bronze color palette (#FFF1F6, #E7E5BF, #D4B867, #AF603A, #5A3D1D)
• Wandering Balcony color palette (#FFE0C9, #B16B00, #694200, #3B2800, #161A00)
• Ember Terrace color palette (#FFF0F9, #EE6201, #9C59D2, #973B00, #4A2667)
• Gentle Olive color palette (#FFE6D2, #B96900, #5B8100, #973A63, #4A2600)

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