Ash Harbor color palette — #FFF0FE · #F1D0DA · #8CB0A3 · #767E93 · #4C4F63
A conversation between Sage and Shell Pink, giving this palette its sense of sophistication.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Shell Pink (#F1D0DA): A whisper-light, dusty rose — the color of strawberry cream.
- Sage (#8CB0A3): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#767E93): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal Brown (#4C4F63): A full-bodied, dusty violet — the color of wild irises.
Feels like: Sophistication. Tagged vintage, retro, muted, light.
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
- Washed Workshop color palette (#E7FBED, #AAD8CF, #78B0A8, #85778D, #55475B)
- Timeworn Cabin color palette (#F9F3F7, #D7D5E7, #75BAE5, #5D9286, #465466)
- Softworn Stone color palette (#FFE3D8, #CAB875, #7EA374, #7D639A, #584164)
- Tempered Stone color palette (#FFF3E4, #C8BCA4, #958F79, #66715F, #3C524C)
- Weathered Atelier color palette (#F4E4CA, #899768, #1E7D67, #603A53, #451C39)
- Worn Villa color palette (#E6E5C1, #8AC093, #009397, #8A4149, #612019)
- Weathered Corridor color palette (#E9FAEE, #C7AF6A, #80A2F2, #AD7FB5, #37473C)
- Washed Lilac Market color palette (#EEF8F1, #D4C48B, #B2A6EC, #9F8B3E, #464C64)
Browse the whole catalog at Explore, or see today's palette.