Dusty Harbor color palette — #FBF3EE · #C6E5D5 · #5A8FBE · #236F6A · #5B3B56

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Celadon Mist (#C6E5D5): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5A8FBE): A luminous, balanced blue — the color of deep harbor water.
• Teal (#236F6A): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#5B3B56): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Tempered Alley color palette (#FDF3EE, #CBE4CD, #5694A8, #287153, #295045)
• Hushed Cobalt Cabin color palette (#FCF3EB, #A6CFC2, #5A77B2, #005E67, #37345E)
• Weathered Balcony color palette (#ECF4F3, #C8E0EF, #5E95B4, #006A7A, #052F4A)
• Soft Grove color palette (#FFF3E8, #BD7532, #2486AE, #206DA7, #3D3732)
• Dusty Bloom color palette (#FCF2F7, #D5E0F7, #83C4FF, #51A9A3, #3A4860)
• Worn Cerulean color palette (#F2E4DD, #418D99, #00425B, #00231B, #00091A)
• Tempered Chestnut Lagoon color palette (#FFF2EA, #D08D70, #4A90C5, #9B4C27, #1E4664)
• Washed Cabin color palette (#F9EDE6, #61AEAD, #006274, #004026, #002235)

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