Ash Harbor color palette — #F0F7F2 · #BAD9CF · #6FA8A3 · #887495 · #3D524C

A conversation between Blue Fog and Slate, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Oat (#BAD9CF): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6FA8A3): A luminous, dusty teal — the color of sea glass.
• Slate (#887495): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3D524C): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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 Station color palette (#FAF4EB, #B3F0E3, #95BA94, #9A7E7D, #514600)
• Muted Driftwood color palette (#EDF9EE, #ABCDBE, #7B9971, #846E45, #274B3D)
• Dusty Boulevard color palette (#E3FCF6, #A0BB8E, #77A9DB, #B17AC0, #2F4843)
• Lagoon Workshop color palette (#F9F3F7, #D8DFEF, #8DB6DA, #2A998F, #42536E)
• Lagoon Workshop color palette (#E6FBF2, #9CC89B, #289B7C, #9C4D57, #1E451E)
• Washed Taupe Dune color palette (#E9FAF0, #C4E6F0, #B5B5C6, #BF9966, #385149)
• Aged Taupe Market color palette (#FFF1F6, #E1C795, #B2A152, #707C30, #25574F)
• Antique Terracotta Bloom color palette (#D9E9E4, #82B293, #008476, #893734, #00302F)

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