Ash Harbor color palette — #FBF2F6 · #D8DFF0 · #7D9BC5 · #447880 · #4A5269
Blue Fog and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF2F6): a clean, paper-quiet neutral.
- Frost (#D8DFF0): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7D9BC5): A luminous, dusty blue — the color of deep harbor water.
- Slate (#447880): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#4A5269): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Aged Study color palette (#EDF8F7, #D6DCEB, #95B6D0, #4F91A3, #3F556A)
- Teal Basin color palette (#E5FAFD, #58C5B4, #C083A2, #3C8075, #544660)
- Dusty Cypress Field color palette (#F1F3EB, #C5E1E1, #7AA798, #4D765E, #1E3D36)
- Aged Seafoam color palette (#E4FAFF, #7FDBD7, #419594, #1C5B55, #0D3B44)
- Petrol Drift color palette (#F5EBF3, #61C3C9, #007297, #00532B, #142D53)
- Denim Archive color palette (#F1E5EC, #61AAC5, #0D579F, #003F35, #1B1842)
- Worn Navy Corridor color palette (#F4DCE5, #2C88C1, #202F89, #002222, #0E0023)
- Aged Teal Veranda color palette (#DEFCFE, #3BAE8D, #BF6F75, #98634A, #2E484A)
Browse the whole catalog at Explore, or see today's palette.