Ash Harbor color palette — #D0FEF4 · #A7D4D6 · #76A4B2 · #72708B · #594A65
A conversation between Blue Fog and Honeydew, giving this palette its sense of calm and sophistication.
The five colors
- Honeydew (#D0FEF4): A whisper-light, dusty teal — the color of shallow lagoons.
- Oat (#A7D4D6): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#76A4B2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#72708B): A full-bodied, dusty violet — the color of wild irises.
- Charcoal Brown (#594A65): A full-bodied, dusty violet — the color of wild irises.
Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Patina Taupe color palette (#E4FDE9, #C9CFA2, #83AE87, #607490, #4A4D62)
- Cobalt Courtyard color palette (#CEF4F6, #82B5D0, #667BA9, #794648, #55301A)
- Tempered Periwinkle color palette (#F1F7F2, #D5DDF8, #6EA9E9, #388796, #394861)
- Tempered Villa color palette (#B3F3EA, #6ACDE8, #6B94C7, #9E5260, #593C4E)
- Indigo Meadow color palette (#CFE2EE, #6E93BD, #6E66B1, #6D321F, #17341C)
- Feathered Cerulean color palette (#E3F5E9, #5AC1B6, #0090AC, #7B4875, #632734)
- Ancient Drift color palette (#E5F9FF, #7BDFDA, #00A9AA, #006B6E, #003333)
- Aged Harbor color palette (#FBF3DA, #D3DDB5, #A2BEA4, #AA8F89, #68463F)
Browse the whole catalog at Explore, or see today's palette.