Azure Harbor color palette — #D6F1FF · #00ACDB · #007E9E · #005263 · #000204

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

The five colors

• Frost (#D6F1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00ACDB): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007E9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005263): A full-bodied, dusty blue — the color of deep harbor water.
• Black (#000204): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, muted, cool.

Use it as a design system

One click turns Azure 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

• Hushed Cabin color palette (#E3F2F9, #0099B8, #006077, #002A38, #000304)
• Periwinkle Meadow color palette (#E3EFFF, #49A1FF, #007ACF, #004383, #00010C)
• Timeworn Raspberry Meadow color palette (#D8E2EC, #07A3F3, #CF0073, #006DA6, #040007)
• Hushed Jade color palette (#CBE8DF, #00B48D, #008674, #005747, #000302)
• Washed Pier color palette (#D2EDF2, #00907E, #926700, #006356, #000605)
• Wandering Amber Bloom color palette (#E2E2C6, #D66C00, #0097A5, #002D32, #000203)
• Pale Basin color palette (#D3EEFF, #83D1FF, #00ABE9, #0076A5, #001D2F)
• Misty Courtyard color palette (#EBEEFF, #7795FF, #3162FF, #232AB5, #010010)

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