Ash Harbor color palette — #EAF4F2 · #CADFF5 · #6BA8B0 · #44737D · #223A45
Blue Fog and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EAF4F2): a clean, paper-quiet neutral.
- Powder Blue (#CADFF5): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#6BA8B0): A luminous, dusty blue — the color of deep harbor water.
- Teal (#44737D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#223A45): 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 Cypress color palette (#F9F4EE, #C8E9E0, #6BA3B1, #417B6B, #355245)
- Aged Teal color palette (#E0F3EF, #59ACAB, #00646B, #003A33, #000D11)
- Wandering Meadow color palette (#E4F6F4, #88C589, #66A3D1, #527E53, #1D3346)
- Dusty Powder Loft color palette (#DCF9F7, #BFE1F5, #9FC1E3, #66928D, #294041)
- Washed Lagoon color palette (#DEEDEB, #6FBEE7, #0072AB, #004959, #00172E)
- Tempered Boulevard color palette (#D4E5E2, #2A8695, #004352, #001F20, #000203)
- Cerulean Corridor color palette (#E2F7F4, #7DDFFF, #008FBC, #00616B, #00283E)
- Driftwood Canyon color palette (#E8F6E8, #A5C5A9, #997D5A, #6D4D5A, #213025)
Browse the whole catalog at Explore, or see today's palette.