Dusty Harbor color palette — #F7EAF0 · #81BFE5 · #355FC3 · #003E3A · #030010

Built around Cobalt, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EAF0): bright and airy, almost weightless.
• Sky (#81BFE5): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#355FC3): A full-bodied, vivid violet — the color of wild irises.
• Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#030010): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Washed Petrol Archive color palette (#F5EAF3, #7DC4CD, #00709A, #004025, #000111)
• Aged Market color palette (#FBF1FD, #97DAD7, #0088A6, #005613, #000D1E)
• Antique Nightshade color palette (#EFE2D8, #329ACB, #023EA8, #00302C, #160638)
• Airy Cobalt Atelier color palette (#E6DED3, #72BAE1, #0086E2, #006B78, #000942)
• Dusty Bronze color palette (#F1DFE6, #BC6300, #006EA2, #5C2E00, #000103)
• Aged Chestnut Drift color palette (#FAECD9, #8A5C00, #006085, #004966, #020100)
• Antique Periwinkle Field color palette (#FDF2F6, #D8D3DE, #88A2EF, #007F7D, #332451)
• Emerald Bloom color palette (#FAF2F9, #D4D4E3, #8CC3E3, #2B9865, #2E405A)

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