Timeworn Harbor color palette — #FCF2F3 · #E2D8D2 · #B6B1A4 · #6B8B9D · #5A4F50

A conversation between Storm Blue and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#FCF2F3): a clean, paper-quiet neutral.
• Bone (#E2D8D2): bright and airy, almost weightless.
• Ash (#B6B1A4): a calm mid-gray that lets other colors speak.
• Storm Blue (#6B8B9D): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5A4F50): quiet, heavy and certain.

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

Use it as a design system

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

• Taupe Alley color palette (#FCF2F3, #E2D9D2, #B2B2A6, #BB8D94, #595051)
• Tempered Dune color palette (#F7EFF0, #DCD6D0, #ADAFA6, #9A7499, #3D3335)
• Timeworn Stone Terrace color palette (#FFF3E9, #FFB9D1, #E09899, #9C8968, #56423E)
• Softworn Loft color palette (#F3E1E0, #AE9C8F, #9A846E, #8E486D, #150404)
• Washed Blush color palette (#FEEEEB, #FB92B0, #8E756D, #60504E, #27201F)
• Hushed Bronze color palette (#F0E7E2, #C7BFAF, #AFA78D, #B3695A, #291C15)
• Amber Lantern color palette (#FEF3E9, #DEDCC0, #BEC89C, #D68100, #37322C)
• Driftwood Canyon color palette (#FCF2F1, #E1D8D1, #B3B2A4, #6D879C, #585150)

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