Dusty Harbor color palette — #F8EFF3 · #A4CEE8 · #377CD1 · #005D50 · #171F39
Built around Azure, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F8EFF3): a clean, paper-quiet neutral.
- Sky (#A4CEE8): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#377CD1): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#171F39): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Pale Coast color palette (#FFEBF9, #4CCEE7, #0079B5, #00543B, #0A0F49)
- Patina Cobalt Terrace color palette (#EDF9EF, #9CCDE5, #3C7EB0, #005F66, #273C57)
- Wandering Lantern color palette (#F5F0F6, #BDE4EE, #2E9CBA, #346D36, #1A2E41)
- Muted Periwinkle color palette (#F9F4ED, #D7D5E3, #5FAEEB, #007E87, #1B2E4D)
- Weathered Raspberry color palette (#D1EFF6, #00A79D, #BC45A3, #00635D, #2F0C28)
- Lagoon Study color palette (#F1E8EF, #3F999F, #00516C, #002E15, #000412)
- Softworn Navy Atelier color palette (#ECDCE3, #3381AA, #072D91, #001F1D, #020008)
- Quiet Ultramarine color palette (#F6E6EC, #6DA3C6, #2A4CB9, #003937, #0F0028)
Browse the whole catalog at Explore, or see today's palette.