Worn Harbor color palette — #FCF2F9 · #D5A297 · #53A7B5 · #B34F3D · #245466

Brick and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Rosewood Mist (#D5A297): A luminous, dusty orange — the color of toasted spice.
• Cyan (#53A7B5): A luminous, balanced blue — the color of open sky before noon.
• Brick (#B34F3D): A full-bodied, balanced orange — the color of autumn markets.
• Peacock (#245466): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

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

• Antique Plum Canyon color palette (#FAF2FE, #D89CAE, #5CAA96, #AE4D6F, #1F584B)
• Teal Garden color palette (#F9EEF4, #E3A282, #32B0B2, #A05E3D, #0E3741)
• Bronze Chapel color palette (#EFF8F0, #C6AC80, #7C99CC, #956900, #3A4E6A)
• Softworn Sky color palette (#FFF2F0, #EDB0C6, #78B5FA, #B7758E, #58465A)
• Chestnut Courtyard color palette (#EDF8F2, #A3BFB4, #668A76, #715A2E, #344E48)
• Dusty Market color palette (#FFF0FA, #C68570, #5B9977, #686DBA, #503A49)
• Wandering Amber Dune color palette (#FFF0F7, #DE720D, #0089BB, #8E4500, #00405A)
• Driftwood Villa color palette (#FFF0F9, #E6D7D5, #A8D6D0, #B47C82, #5A4550)

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