Ash Harbor color palette — #EBF4F3 · #D6D9EC · #7C9FCA · #3D728D · #2C3747

Blue Fog takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Silver (#D6D9EC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7C9FCA): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3D728D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#2C3747): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. 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

• Ancient Villa color palette (#EAF2FF, #819BD8, #B375A9, #37868A, #1D2838)
• Aged Denim Garden color palette (#D9EDEC, #6DA3CB, #005A9C, #003749, #000921)
• Aged Orchard color palette (#DDEDEB, #8EBAD2, #007699, #004A51, #001826)
• Cobalt Pier color palette (#E7F4FF, #8AB9E0, #6DAE76, #2B77AE, #033936)
• Worn Courtyard color palette (#FAF4ED, #C7EAEE, #8798C2, #3C7983, #634A57)
• Softworn Ash color palette (#EAF2FF, #D8D4E2, #B3A59B, #7993B1, #2F3745)
• Weathered Ridge color palette (#EBF4F2, #C3E3EB, #00A1A8, #006E5E, #0F313D)
• Hushed Lagoon Harbor color palette (#E4F1EE, #3F8586, #00444A, #00201C, #000202)

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