Ash Harbor color palette — #F7EFF2 · #D9D0E4 · #879BCB · #317874 · #323546
Built around Blue Fog, softened by Teal — the whole palette hums with creativity and sophistication.
The five colors
- Cream (#F7EFF2): a clean, paper-quiet neutral.
- Silver (#D9D0E4): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#879BCB): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#317874): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#323546): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, 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
- Ash Basin color palette (#F0F7F1, #D9DDEE, #809CBB, #507485, #485365)
- Ancient Cerulean color palette (#FFECF2, #C4905B, #5F91C9, #4C7BB0, #332128)
- Muted Petrol color palette (#F0E5ED, #8FBBCE, #0072A9, #004E35, #091234)
- Antique Terrace color palette (#FBF4EE, #C5E0EF, #C7A5C1, #748F70, #614B56)
- Lagoon Orchard color palette (#F0E3F1, #329B9C, #005168, #002E0D, #00040F)
- Antique Cerulean Balcony color palette (#F7EFF7, #9CDDE0, #008FBA, #006732, #05244C)
- Bronze Pier color palette (#FDEDF3, #D7A980, #53A5DC, #9F611B, #183449)
- Linen Nightshade Archive color palette (#F0DEE3, #517CA6, #2D10A2, #001F21, #020006)
Browse the whole catalog at Explore, or see today's palette.