Ash Harbor color palette — #F9F4EE · #C7DDE9 · #BCBDEA · #71ADBA · #62495D

A conversation between Blue Fog and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C7DDE9): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender (#BCBDEA): A luminous, dusty violet — the color of twilight just after sunset.
• Blue Fog (#71ADBA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#62495D): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Aged Ash Alley color palette (#F9F4EE, #BFE1E7, #9EC6E4, #7BAF9D, #365144)
• Timeworn Powder color palette (#DFFFE7, #96E1F7, #83C4EA, #6B9CC7, #644A63)
• Washed Lagoon color palette (#FAF4EE, #C5E0EE, #C5A5C1, #59928D, #664857)
• Powder Bloom color palette (#FFF0FE, #CFE5FF, #94BAEA, #6D8DB7, #482F49)
• Washed Dune color palette (#EAF9F4, #ADDBFF, #E9BE90, #78AFD9, #6D4200)
• Aged Ash Harbor color palette (#EEF4EF, #D6DBEF, #7D9FC8, #337683, #2D3647)
• Antique Stone color palette (#DEFDF5, #A1CCF8, #EAA9B3, #A0B885, #2B4942)
• Hazy Cobalt color palette (#E9E3D9, #77A5D2, #4870C7, #005A72, #07002B)

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