Azure Harbor color palette — #F7E9E1 · #A3CBB4 · #1A97F3 · #008066 · #161153

Azure takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7E9E1): bright and airy, almost weightless.
• Pistachio (#A3CBB4): A luminous, dusty teal — the color of shallow lagoons.
• Azure (#1A97F3): A luminous, vivid blue — the color of deep harbor water.
• Teal (#008066): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#161153): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Airy Iris color palette (#F1E8DE, #9ACCBF, #7884F8, #007C82, #2A0D43)
• Muted Pine color palette (#F9EAE7, #85CFCC, #00A2C5, #08841E, #00203D)
• Softworn Periwinkle color palette (#F7ECE4, #ABDAF9, #78A0FF, #00918B, #312256)
• Wandering Cobalt color palette (#E7F1E9, #7FBCCF, #007EAE, #005958, #00203D)
• Washed Emerald color palette (#FFF2EE, #A7E8E5, #00BDE6, #03A029, #00345E)
• Denim Archive color palette (#EDDCE6, #3EACC7, #005C96, #003B2C, #05012E)
• Worn Raspberry color palette (#E2EED9, #33CAA8, #B649AC, #00846B, #32002F)
• Faded Moss color palette (#D8E4C1, #74DAED, #96BAFF, #789200, #002621)

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