Worn Harbor color palette — #FBF1FD · #C37684 · #538D6D · #2A687D · #453847

Dusty Rose and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF1FD): bright and airy, almost weightless.
• Dusty Rose (#C37684): A luminous, balanced red — the color of a theater curtain.
• Fern (#538D6D): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#2A687D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#453847): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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 Taupe color palette (#FFF0F8, #C38868, #5F7A4A, #005E6E, #3C405E)
• Amber Station color palette (#FFF1F7, #BD8054, #498A96, #4C5F84, #49373F)
• Ash Cabin color palette (#F5F3FF, #A87FB1, #85814F, #2D6C5B, #3D3B4B)
• Taupe Bloom color palette (#EBF5EB, #B58D56, #7F8047, #006C6B, #182718)
• Rust Cabin color palette (#FFF0FB, #C64434, #00776D, #004F79, #471D16)
• Muted Driftwood color palette (#FAF3F7, #E1D7D7, #A7AFB6, #98758E, #585055)
• Tempered Canyon color palette (#FBF4E9, #C0A96D, #859A6E, #3F8B6D, #403D36)
• Dusty Terracotta Alley color palette (#F9F3F9, #EAAEB1, #8A7E40, #A05159, #223229)

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