Ash Harbor color palette — #DFF8F5 · #B4CECF · #689BA5 · #546679 · #353F4F

Slate Blue and Graphite set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#DFF8F5): A whisper-light, dusty teal — the color of shallow lagoons.
• Oat (#B4CECF): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#689BA5): A luminous, dusty blue — the color of deep harbor water.
• Graphite (#546679): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#353F4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged vintage, retro, 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

• Timeworn Ridge color palette (#C9EDF3, #369CA0, #2C7283, #353568, #1B1C3B)
• Tempered Study color palette (#EAFAEC, #C1E9F0, #9CC8CE, #90859E, #544958)
• Driftwood Garden color palette (#EBF5EE, #A9CDBA, #83884E, #4F6857, #25352D)
• Pale Harbor color palette (#BBEFD3, #64C6AF, #1F8788, #385481, #212C48)
• Washed Lagoon Cabin color palette (#D3FAFF, #98E0CC, #009A82, #00594B, #00262B)
• Tempered Periwinkle color palette (#E7F5F6, #7AC5AD, #7C99E6, #00856A, #243147)
• Antique Navy color palette (#CCE8F5, #3E7299, #244188, #38003B, #18000E)
• Dusty Mulberry Terrace color palette (#D6EEFF, #6499DD, #5C6BAB, #6E245F, #381123)

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