Dusty Ash Harbor color palette — #F7F0EA · #C1EBEE · #869DC2 · #527558 · #422F3B

A conversation between Blue Fog and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F0EA): bright and airy, almost weightless.
• Frost (#C1EBEE): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#869DC2): A luminous, dusty blue — the color of deep harbor water.
• Olive (#527558): A full-bodied, dusty green — the color of new leaves after rain.
• Espresso (#422F3B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty 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

• Patina Cypress Studio color palette (#FBF2F6, #D9DEEF, #8799C1, #3D7B77, #4D5168)
• Tempered Cerulean Canyon color palette (#FDEEE8, #92DFE3, #0091B3, #006546, #002742)
• Ancient Moss Study color palette (#F5F3DB, #8BA859, #9582BA, #8A6C92, #2A2817)
• Hushed Harbor color palette (#F0E4DD, #218984, #00444E, #00210D, #000103)
• Softworn Pier color palette (#F1E7E1, #58C5D7, #00759E, #004D3E, #001531)
• Softworn Canyon color palette (#FFEBCF, #C4B161, #848E48, #455F38, #32352E)
• Aged Chestnut Boulevard color palette (#FFEEE3, #D5B58F, #A17863, #83442B, #322B1E)
• Basalt Terrace color palette (#F5F3DF, #AEE6DC, #8CC4CE, #A19279, #3B4100)

Browse the whole catalog at Explore, or see today's palette.