Azure Harbor color palette — #FFF2ED · #99D7E1 · #0096D7 · #00764F · #182D6B

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#99D7E1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0096D7): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00764F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#182D6B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Pine Cabin color palette (#F5ECEA, #B2CDB0, #0095B6, #02721B, #002F55)
• Chalky Cornflower Corridor color palette (#FFF3E9, #A3D2EF, #5786F3, #00736D, #3A1774)
• Cobalt Summit color palette (#EDDFD9, #7EBCCD, #007AC0, #005B44, #12174C)
• Pale Sky Coast color palette (#FDF4E6, #79EEFF, #00BCE9, #00998A, #003753)
• Pale Aqua Harbor color palette (#EAFAED, #44CCDE, #007A98, #00574E, #003753)
• Tempered Station color palette (#C6E9D2, #00C2A8, #00868A, #005F82, #003666)
• Worn Lagoon Courtyard color palette (#FAF4F0, #C5E5E4, #82A7D7, #008E7B, #5D3B50)
• Sunlit Sky Boulevard color palette (#CFEFFF, #06C7F1, #0087B4, #004F6D, #001B24)

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