Azure Harbor color palette — #D2F3F7 · #6ADBDC · #44ABDF · #387F4A · #002A28

Cyan takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D2F3F7): A whisper-light, dusty blue — the color of open sky before noon.
• Ice Blue (#6ADBDC): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#44ABDF): A luminous, balanced blue — the color of open sky before noon.
• Olive (#387F4A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#002A28): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged pastel, light, cool.

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

• Periwinkle Hollow color palette (#D5F3F9, #71D6FF, #73A2F5, #007169, #052939)
• Mint Hollow color palette (#B5ECE4, #5BDBB5, #00B1B9, #626F0C, #002929)
• Wandering Moss color palette (#D3E8C3, #83D8E0, #72BCFF, #669724, #002A28)
• Washed Aqua color palette (#E8FDDE, #ACEEEB, #2DCCDF, #00825D, #001614)
• Cobalt Summit color palette (#B9EBEE, #4EC4CD, #2E88CB, #335400, #002D2B)
• Weathered Archive color palette (#DEFCFF, #BBE5FF, #A3BEFF, #009388, #003B4A)
• Indigo Atelier color palette (#DBF3FE, #6CA2E1, #7C74C5, #005B63, #000C1B)
• Linen Magenta color palette (#FFE2D5, #F319F2, #009FA9, #001E27, #000A0F)

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