Worn Harbor color palette — #FDF2EF · #E4D8D3 · #A4B781 · #C88587 · #201F15

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

The five colors

• Ivory (#FDF2EF): bright and airy, almost weightless.
• Bone (#E4D8D3): a clean, paper-quiet neutral.
• Sage (#A4B781): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#C88587): A luminous, balanced red — the color of embers at dusk.
• Onyx (#201F15): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Muted Blush Station color palette (#FCF3F1, #FFCFDB, #8DC79F, #DD92A6, #2D2F28)
• Weathered Orchard color palette (#FFF2ED, #ED9A8F, #519AB6, #447188, #322329)
• Washed Amber color palette (#FAF4ED, #FFE1AC, #3CB2AF, #AB822F, #0A160A)
• Patina Boulevard color palette (#FFF4E1, #FFD1BF, #ABA373, #866683, #5B3500)
• Washed Boulevard color palette (#F9F3F8, #E7B1AA, #947A36, #A84D45, #253128)
• Timeworn Abyss color palette (#FFF2F0, #E3D9CB, #D5B27E, #857E47, #2A491A)
• Plum Archive color palette (#F5F0F6, #E7B3BE, #688F5C, #B04A66, #031A17)
• Worn Stone color palette (#FBF3EE, #DCDBD1, #AAB8BB, #CAA68E, #514C49)

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