Dusty Harbor color palette — #EBF8FD · #B6EBE0 · #4EAEBB · #55727E · #222D32

Cyan takes the lead with Sea Foam close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF8FD): bright and airy, almost weightless.
• Sea Foam (#B6EBE0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#4EAEBB): A luminous, balanced blue — the color of deep harbor water.
• Slate (#55727E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#222D32): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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 Pier color palette (#EEF8F4, #D7D7CB, #5C8DA8, #334D42, #141E1A)
• Soft Seafoam Atelier color palette (#EBF7FF, #93E696, #009BCA, #006585, #081D29)
• Wandering Iris color palette (#F1F5FF, #FFC4C6, #908CCC, #586183, #1F212A)
• Hushed Coral color palette (#EAF9F8, #86CFA4, #E18973, #A2824A, #223731)
• Timeworn Mallow Alley color palette (#F1F6FB, #DAD9E2, #D8BBE4, #B8ADB7, #4F5358)
• Hushed Cobalt Archive color palette (#D0E0F0, #7ACE96, #007FC5, #164D72, #000C1A)
• Powder Cabin color palette (#F0F6FB, #C0E3FF, #ACAFF9, #74B2E1, #292D3B)
• Washed Emerald color palette (#DAF2FF, #499D32, #005262, #00191F, #000204)

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