Dusty Harbor color palette — #D0ECFB · #009DA3 · #00748C · #004B72 · #00090E

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

The five colors

• Frost (#D0ECFB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#009DA3): A luminous, balanced teal — the color of glacier melt.
• Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004B72): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#00090E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, 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

• Softworn Jade Delta color palette (#D8EEF2, #00B27D, #007A6E, #00525B, #001110)
• Misty Nightshade color palette (#CAEFF7, #00A884, #007987, #323AAA, #000305)
• Hushed Ridge color palette (#D7EBE6, #27A39F, #005458, #003129, #00181B)
• Hazy Bloom color palette (#DBEBFA, #008CBD, #005EA8, #1C149F, #00040F)
• Airy Station color palette (#D8F0FF, #0070AA, #004777, #001F49, #00043E)
• Powdered Archive color palette (#D3EDF4, #00C279, #009EB1, #4C4ECD, #000A10)
• Powdered Boulevard color palette (#DAEFFF, #4674B3, #41467E, #4C0740, #3C071F)
• Sapphire Thicket color palette (#E9F8FF, #00D0E9, #00ACE0, #0069BF, #002D41)

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