Azure Harbor color palette — #D8E4DB · #98C8DE · #00A0CF · #007E77 · #002138

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

The five colors

• Bone (#D8E4DB): bright and airy, almost weightless.
• Sky (#98C8DE): A luminous, dusty blue — the color of deep harbor water.
• 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, muted.

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

• Powdered Harbor color palette (#E0ECE2, #91C7EF, #4B92EF, #007A90, #10164E)
• Dusty Lagoon color palette (#CFE7F0, #B6BFF9, #BB98DA, #00949A, #002C41)
• Feathered Cobalt color palette (#F5E6F0, #79BECB, #007CB7, #005C3F, #0B1750)
• Antique Teal color palette (#D1F7F2, #00A9AF, #008DA1, #00617B, #002438)
• Peony Orchard color palette (#BFE7F6, #009BC2, #C6519C, #817700, #00151D)
• Aged Petrol Corridor color palette (#E3F4E6, #5FAEBA, #0081A0, #005E55, #000B14)
• Antique Archive color palette (#C1E5F7, #00AECE, #EC533E, #007E95, #390200)
• Ancient Turquoise color palette (#F1E9DC, #4CABBE, #00617F, #003A36, #000C18)

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