Azure Harbor color palette — #EDDEE7 · #9FC6DB · #009BE7 · #007E72 · #001656

A conversation between Cornflower and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#EDDEE7): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#9FC6DB): A luminous, dusty blue — the color of open sky before noon.
• Cornflower (#009BE7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007E72): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#001656): 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

• Wandering Iris color palette (#F2E1E6, #9BC5ED, #6A8AF5, #007B8B, #211346)
• Softworn Pine Quarry color palette (#ECDEE7, #9AC9D5, #00A3BE, #00824D, #002234)
• Dusty Petrol Market color palette (#E0E2D6, #83BBCD, #0080A7, #005860, #002235)
• Chalky Emerald Meadow color palette (#FFF0FA, #9FE9E8, #00BEDF, #009D62, #003752)
• Hushed Turquoise Alley color palette (#EADED8, #37ACCB, #005E8F, #003A34, #00052C)
• Dusty Cerulean color palette (#F2F7F1, #C9E3FD, #94AFF8, #009DB1, #3B3262)
• Aged Workshop color palette (#FAE0E7, #FE609F, #00877C, #008546, #280011)
• Teal Harbor color palette (#F9F3F7, #D5D5E7, #92D1EC, #64B497, #3E556B)

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