Ash Harbor color palette — #F1F5FF · #DDDAEC · #C7B7C7 · #7BA0A5 · #435560

Blue Fog and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Silver (#DDDAEC): A whisper-light, dusty violet — the color of a velvet chair.
• Stone (#C7B7C7): A luminous, dusty pink — the color of peonies in June.
• Blue Fog (#7BA0A5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#435560): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Tempered Stone color palette (#EDF8F4, #C5E5E3, #8FBFC6, #9C95B4, #365352)
• Lagoon Loft color palette (#EFF1FF, #D0C4ED, #DB9EA2, #009993, #135170)
• Wandering Atelier color palette (#FFECF3, #EBC1C3, #A48D84, #647360, #3C453A)
• Worn Courtyard color palette (#FFEFFF, #F6B2B6, #7ECFC4, #67AFD4, #4E3B4E)
• Worn Petrol color palette (#DCDEFB, #DCA7C1, #BE8777, #008391, #273E5A)
• Timeworn Bronze color palette (#FFF2EF, #E7CFC6, #C4AA9A, #947C34, #544D00)
• Softworn Canyon color palette (#E2DCEB, #7F81A7, #894D64, #00563A, #001318)
• Pale Field color palette (#EFECFE, #CA9097, #B67747, #196B8E, #1C2156)

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