Ash Harbor color palette — #F6F0F4 · #D3D2EC · #71A3C2 · #45775D · #2C3747
A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F6F0F4): a clean, paper-quiet neutral.
- Lilac Frost (#D3D2EC): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#71A3C2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#45775D): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#2C3747): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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 Villa color palette (#F0F7F1, #D2E0F3, #67A3B8, #427881, #405566)
- Petal Hollow color palette (#E3F6FC, #D8D8E7, #EDBCDC, #6A9173, #2F404B)
- Coral Terrace color palette (#E7F4FC, #7ABFD4, #D38380, #117E97, #3F273D)
- Dusty Denim Dune color palette (#E8E1E8, #5FAAB0, #006082, #003C1E, #000922)
- Lagoon Field color palette (#D1FAF7, #77CBB9, #00A1A8, #1F6787, #293D52)
- Aged Amber color palette (#DFF7FD, #52ADAC, #BC7E42, #986E46, #112B32)
- Wandering Cerulean Bloom color palette (#F5EAF0, #288599, #003F65, #002016, #00000C)
- Hushed Powder color palette (#FCF3EF, #C6F2E9, #82B9D9, #808C68, #5E4B5C)
Browse the whole catalog at Explore, or see today's palette.