Dusty Harbor color palette — #F0E8DA · #80BDC4 · #00829E · #005A4F · #002334

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F0E8DA): A whisper-light, dusty gold — the color of old brass.
• Ash (#80BDC4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#00829E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005A4F): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#002334): A deep, shadowed, dusty blue — the color of deep harbor water.

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 Delta color palette (#F0E5D4, #6AACC8, #006CA5, #00494E, #001231)
• Cerulean Coast color palette (#E9F9F6, #A1D5E8, #00899E, #00514F, #000F15)
• Worn Cobalt Workshop color palette (#F5EDE2, #97CEE1, #0090CD, #006B6D, #0F2F50)
• Soft Studio color palette (#D9EBDF, #82C6F9, #889EF5, #007770, #002835)
• Sapphire Atelier color palette (#F1E9DD, #90B6D8, #296AEA, #00566B, #181A41)
• Lagoon Loft color palette (#E2F4F0, #009F9A, #007179, #00434D, #00202E)
• Dusty Alley color palette (#F9F4ED, #BFE8E4, #4FB1DE, #168C88, #255146)
• Worn Scarlet color palette (#D9E6DC, #0097A9, #DA061A, #005E69, #3A0002)

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