Dusty Harbor color palette — #FBF4ED · #C5E5D9 · #7488BD · #00716E · #5D3C4C

Teal takes the lead with Slate Blue close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Celadon Mist (#C5E5D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#7488BD): A luminous, balanced violet — the color of wild irises.
• Teal (#00716E): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5D3C4C): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Timeworn Villa color palette (#FAF4EC, #C5F0E0, #76A8E3, #12899D, #593D54)
• Hazy Veranda color palette (#FBF3ED, #ADDAC7, #497CD8, #00675F, #403275)
• Azure Lantern color palette (#EDF4EE, #C5E0F6, #5990D0, #0C6A79, #1D2C46)
• Worn Pine color palette (#FDF2F0, #CEE3CC, #4596B0, #277431, #245148)
• Patina Coast color palette (#E6FBF4, #EBD7D0, #E4B2D2, #39918C, #554052)
• Linen Petrol Field color palette (#E4FBF4, #71A5D3, #C27430, #006AAB, #5C391D)
• Wandering Denim color palette (#B6EFE1, #67BDCB, #0089B3, #2B52A2, #413E6A)
• Tempered Forest color palette (#FBF3F1, #B3CDB2, #2A84A0, #126426, #163C62)

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