Azure Harbor color palette — #EDF8F6 · #C8E3FF · #2C9FC8 · #006871 · #002233
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF8F6): bright and airy, almost weightless.
- Powder Blue (#C8E3FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#2C9FC8): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006871): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002233): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Sunlit Dune color palette (#BFF9FF, #00CDE4, #0090AD, #00556D, #002433)
- Tempered Denim Lagoon color palette (#D9EEED, #78A9C7, #00598D, #002936, #000104)
- Antique Harbor color palette (#ECF7FF, #D8D9E4, #B7CDFF, #008CAA, #002640)
- Linen Magenta Grove color palette (#EBF7FF, #4AB8E5, #C962CE, #006D90, #2D002F)
- Quiet Indigo color palette (#EAF8FF, #00A2C1, #786CE9, #00803F, #000F14)
- Muted Cobalt Dune color palette (#E9F9F8, #B1D0EC, #137CD4, #004D67, #000A26)
- Soft Azure color palette (#F7EAF2, #9FDFF2, #2CAEFB, #009284, #1A2C51)
- Washed Pier color palette (#DEF4EF, #81C4CA, #007484, #003E3B, #000305)
Browse the whole catalog at Explore, or see today's palette.