Azure Harbor color palette — #FFF3E8 · #CAEBFF · #5E93DE · #00696D · #181841

Cornflower and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Frost (#CAEBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#5E93DE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00696D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#181841): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Softworn Quarry color palette (#FFF2EB, #AFF4F3, #00A3BF, #006E43, #002134)
• Muted Periwinkle Lagoon color palette (#FDF3EA, #DAD5DF, #88A3EB, #117C8B, #412334)
• Softworn Veranda color palette (#E8F1EA, #95B6CF, #106AB6, #004E59, #16295F)
• Cerulean Garden color palette (#FFF2EC, #70E0E3, #0088A4, #005436, #000E1A)
• Hazy Sky color palette (#FFF2EC, #D2DDF4, #02C0F1, #008B67, #00375E)
• Wandering Thicket color palette (#F9EAE3, #1AB9B5, #005F6F, #002D17, #000103)
• Peony Loft color palette (#FFF1F3, #F4467F, #009784, #007B78, #200009)
• Petrol Courtyard color palette (#FDEADF, #4FC7EA, #006DA7, #003E38, #000114)

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