Dusty Harbor color palette — #F8F5EF · #CBE7E4 · #87B9D4 · #3F9694 · #31524A

Storm Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#CBE7E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#87B9D4): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#3F9694): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#31524A): A full-bodied, dusty teal — the color of sea glass.

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

• Wandering Petrol Basin color palette (#F2EADF, #83BCC8, #0080A7, #005A54, #002138)
• Powder Study color palette (#FBF2F7, #D7D5E4, #A2CCF0, #7CACAF, #495365)
• Azure Dune color palette (#FAF4F0, #CAE8E5, #689FCD, #417C67, #604B5A)
• Turquoise Ridge color palette (#F9F4ED, #C4DCC7, #38A4BE, #007E6B, #004059)
• Tempered Boulevard color palette (#FAF5E3, #B4B67C, #56B1D8, #BE799C, #44423B)
• Washed Denim Grove color palette (#ECE6DC, #729D8A, #005D92, #003B40, #00071F)
• Feathered Periwinkle Harbor color palette (#FAF4EC, #B8E1FF, #599DF3, #007F95, #2C3B74)
• Muted Study color palette (#F9F5E8, #D4E2D0, #99C8C3, #BEA46E, #554C00)

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