Worn Harbor color palette — #FFF2EE · #CB8082 · #8D683C · #4E592D · #5B363A

Built around Dusty Rose, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Dusty Rose (#CB8082): A luminous, balanced red — the color of late-summer berries.
• Walnut (#8D683C): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#4E592D): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#5B363A): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Muted Bloom color palette (#FEF3EC, #BE8A73, #7D713A, #60496E, #5E343E)
• Patina Olive color palette (#FFF2ED, #D9BCA9, #9E9083, #736F25, #435044)
• Ancient Grove color palette (#FFEBE0, #E6AE94, #AF734B, #865C39, #734501)
• Bronze Meadow color palette (#FCF4E7, #A48436, #457036, #005450, #552A17)
• Washed Aubergine Cabin color palette (#FFEEE2, #AB612D, #5B5600, #571B62, #510E1B)
• Hushed Bronze color palette (#FEEEE7, #B0645F, #612B00, #312621, #19140E)
• Worn Pine color palette (#FCF1F9, #DE9F93, #71986F, #3A794A, #433B64)
• Hushed Boulevard color palette (#FCEEF0, #B68BB8, #817039, #005568, #272143)

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