Dusty Harbor color palette — #F9F3FA · #ABDEED · #50A1BE · #397D45 · #233C57

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

The five colors

• Ivory (#F9F3FA): bright and airy, almost weightless.
• Powder Blue (#ABDEED): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#50A1BE): A luminous, balanced blue — the color of deep harbor water.
• Olive (#397D45): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#233C57): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Worn Meadow color palette (#FAF2F7, #C4ECFE, #72ACD7, #498970, #374867)
• Softworn Cobalt Cabin color palette (#F9E9F2, #A3CBE1, #558AC0, #006E5A, #252757)
• Cerulean Atelier color palette (#F8F5EF, #B3CDB2, #218695, #00624A, #074152)
• Washed Denim color palette (#E7DEE7, #55A0A5, #006180, #003E1D, #00081E)
• Feathered Pine color palette (#D6F7F2, #84CF7D, #B17ACE, #167711, #462456)
• Linen Basin color palette (#EBDDE9, #6AC1CA, #007FAD, #005D36, #001952)
• Frosted Emerald color palette (#F6EBD8, #ADAF48, #5D9537, #007148, #004134)
• Dusty Driftwood color palette (#D8FFF5, #A3E9F8, #9BCFF8, #9D8640, #1E4848)

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