Azure Harbor color palette — #E4F0E6 · #5ED2E9 · #00A0CF · #007E77 · #002138

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

The five colors

• Cream (#E4F0E6): a clean, paper-quiet neutral.
• Ice Blue (#5ED2E9): A luminous, balanced blue — the color of a favorite pair of jeans.
• 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 Cabin color palette (#E8F4EA, #81C8FB, #4091F9, #007A90, #131B40)
• Cobalt Harbor color palette (#FFF2EC, #8ED9EA, #1184B6, #005345, #000B24)
• Cobalt Summit color palette (#ECDBE7, #48C4DA, #007CB9, #005C40, #0F1949)
• Hushed Thicket color palette (#DEE9E0, #17B4C7, #0081A0, #005E55, #000B14)
• Hushed Corridor color palette (#EEF8F0, #C3E5FF, #87B4F0, #369AB1, #2A3A58)
• Patina Denim color palette (#E1E4D4, #7FA78D, #006279, #00393B, #000D14)
• Peony Alley color palette (#F9E8F1, #F100B4, #908600, #0081A2, #240319)
• Antique Glacier Meadow color palette (#F0F7F1, #D2E1F1, #8ED4E2, #7AAF9D, #3F5665)

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