Azure Harbor color palette — #EFF6FF · #DCD8E2 · #C9B0A1 · #4E9FCE · #29334D

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#DCD8E2): a clean, paper-quiet neutral.
• Rosewood Mist (#C9B0A1): A luminous, dusty gold — the color of afternoon light on wheat.
• Cyan (#4E9FCE): A luminous, balanced blue — the color of deep harbor water.
• Navy (#29334D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged pastel, 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

• Ancient Periwinkle Alley color palette (#F2F5FF, #DFD7E1, #B0B0A4, #8EABDF, #3F425F)
• Wandering Indigo Boulevard color palette (#F4F4FF, #EDD8DD, #DDBE9D, #7E72EE, #4A1B4B)
• Wisteria Delta color palette (#F8F2FF, #E9DBD8, #A2B4AA, #BF76D5, #622F43)
• Muted Petrol color palette (#FFF0FE, #DADCFF, #C59DCB, #386F93, #513548)
• Softworn Studio color palette (#CEFEF2, #DACCFF, #D499B3, #257D88, #2F1729)
• Peony Lantern color palette (#FAF2FF, #E9DAD4, #FFB992, #B064AB, #431620)
• Quiet Cobalt Harbor color palette (#F0F5FF, #E6DAFF, #DC94D0, #266CBD, #170738)
• Tempered Aubergine Loft color palette (#E6E0FC, #D69DB2, #C26960, #571C89, #040002)

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