Worn Harbor color palette — #F9F2FE · #F0D2DA · #DBB6B6 · #B26E8B · #433D48

Dusty Rose takes the lead with Rosewood Mist close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F9F2FE): a clean, paper-quiet neutral.
• Shell Pink (#F0D2DA): A whisper-light, dusty rose — the color of pressed rose petals.
• Rosewood Mist (#DBB6B6): A luminous, dusty red — the color of a theater curtain.
• Dusty Rose (#B26E8B): A luminous, balanced rose — the color of pressed rose petals.
• Charcoal (#433D48): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Pewter Corridor color palette (#F3ECF5, #E7D0E0, #C9AFB9, #A1586A, #342A36)
• Timeworn Peony color palette (#FDF2F1, #E1D9D0, #A4B6B1, #E25A91, #482D2A)
• Softworn Amber color palette (#FCF2F8, #D0E8E0, #A6D1CE, #C36A47, #4C3945)
• Hushed Ridge color palette (#F1F7F0, #D1DEDD, #A7B5BF, #8BA388, #4E544E)
• Hushed Apricot Lagoon color palette (#FFF1F6, #FDA798, #B79553, #437697, #31526C)
• Muted Terracotta color palette (#E6DBE4, #D4BCC7, #8FAE95, #934640, #261B24)
• Tempered Cocoa color palette (#E3EEE4, #94ABA0, #629189, #5B4000, #010D03)
• Rose Corridor color palette (#EFDFEC, #F51D32, #623A13, #331E31, #150F18)

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