Azure Harbor color palette — #DAE6DC · #7DCEE0 · #00A0CF · #007E77 · #002138

A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.

The five colors

• Parchment (#DAE6DC): bright and airy, almost weightless.
• Sky (#7DCEE0): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00A0CF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007E77): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002138): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Cornflower Thicket color palette (#DDEBDF, #8FC7F0, #3D91FC, #007A90, #131B42)
• Dusty Cobalt color palette (#EFE5EC, #66C0D3, #007CB9, #005C41, #111B43)
• Hushed Pier color palette (#EEF0E4, #5DA9BA, #00627A, #00393C, #000D15)
• Frosted Periwinkle Station color palette (#EEF9EF, #BADEFF, #79AAFF, #0093B3, #272B64)
• Antique Powder Ridge color palette (#F1F7F2, #D3DEF6, #72C7FF, #32ABB0, #344962)
• Peony Garden color palette (#F9E0ED, #E33CAE, #908600, #0081A2, #26001A)
• Feathered Archive color palette (#F1EAFF, #EF83D5, #04AA6F, #A00088, #002112)
• Apricot Coast color palette (#EFE1FC, #FAB1BB, #FF9468, #AA63B1, #291730)

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