Azure Harbor color palette — #E9E0E7 · #8FCCD5 · #00A0D1 · #008064 · #00203E

Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Parchment (#E9E0E7): bright and airy, almost weightless.
• Sky (#8FCCD5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#00A0D1): A luminous, balanced blue — the color of open sky before noon.
• Teal (#008064): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00203E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Washed Cornflower Alley color palette (#F8E7EF, #98C7E3, #5192EC, #007C80, #180F55)
• Muted Petrol color palette (#ECEEE1, #98BCA0, #008299, #005958, #00242F)
• Pale Coast color palette (#D4E2E9, #98D0FB, #BC9FFF, #009F8A, #002B3C)
• Cerulean Veranda color palette (#E6FAF7, #7DDDEA, #0089A0, #005150, #000F16)
• Faded Turquoise Canyon color palette (#D2E9F4, #29BEE2, #0093BD, #006182, #000B11)
• Softworn Terrace color palette (#FFF1F6, #B5E0FF, #7BA9FF, #0096A1, #2F1E76)
• Muted Pier color palette (#C4E5F5, #00AFC6, #F84229, #007F90, #390200)
• Feathered Archive color palette (#CFEBF9, #009DB6, #EC2D25, #BC4E00, #00151A)

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