Ash Harbor color palette — #F9F4ED · #C1EFF7 · #8399C5 · #507965 · #5E4C58
A conversation between Blue Fog and Teal, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Frost (#C1EFF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#8399C5): A luminous, dusty violet — the color of wild irises.
- Teal (#507965): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#5E4C58): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Calm, 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
- Mint Terrace color palette (#F6F6E9, #97BE7C, #AD87C4, #627C4F, #60444C)
- Ash Delta color palette (#F6F1EB, #CAE1E5, #8B9BC8, #357582, #462E3A)
- Cerulean Drift color palette (#FCF2F5, #DCDEEC, #9DB2D7, #50929F, #4D5166)
- Weathered Cerulean Coast color palette (#F9F4ED, #CAE5CA, #4A97A4, #376E5C, #305041)
- Jade Grove color palette (#F5F8DE, #6EAA60, #6C8ABC, #9F6363, #42433C)
- Washed Harbor color palette (#FCF4E8, #7CDFF2, #008CB3, #006760, #114464)
- Tempered Petrol Lantern color palette (#F7EDDE, #76BDD5, #0070A0, #004F51, #112F4E)
- Lagoon Harbor color palette (#EBE4D9, #358F94, #004451, #00231B, #000B12)
Browse the whole catalog at Explore, or see today's palette.