Ash Harbor color palette — #F2F4FF · #D9CDFA · #9F98CE · #686797 · #353155
Built around Mauve, softened by Slate — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F2F4FF): a clean, paper-quiet neutral.
- Lilac Frost (#D9CDFA): A whisper-light, dusty violet — the color of twilight just after sunset.
- Mauve (#9F98CE): A luminous, dusty violet — the color of wild irises.
- Slate (#686797): A full-bodied, dusty violet — the color of twilight just after sunset.
- Navy (#353155): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged monochrome, 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
- Timeworn Ash color palette (#EEF6FF, #AFD9F9, #7AA3CE, #3E6E90, #1E3E55)
- Hushed Lilac color palette (#FFF1F7, #DFD2D7, #ABA3F1, #6C629B, #3A1E2C)
- Pewter Drift color palette (#F8F2FF, #F8C9E9, #C089A8, #895A7D, #512D43)
- Softworn Villa color palette (#FFF0F8, #EAC1D5, #8179AF, #4B4183, #363053)
- Tempered Iris Coast color palette (#F4F4FC, #CCCDF5, #AF9964, #9A7EB6, #233227)
- Patina Station color palette (#EFF6FF, #DFD8E2, #BEAD9F, #84A8BA, #4F5164)
- Hushed Loft color palette (#FFF1F6, #B6D3BE, #B68E9E, #846B80, #394D46)
- Softworn Lilac color palette (#F3F4FF, #B39FD9, #6BAA99, #428978, #393B4E)
Browse the whole catalog at Explore, or see today's palette.