Azure Harbor color palette — #FBF1FD · #EFD2D3 · #DEB6A9 · #419CF3 · #3D2B40

Built around Cornflower, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF1FD): bright and airy, almost weightless.
• Bone (#EFD2D3): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#DEB6A9): A luminous, dusty orange — the color of sun-warmed clay.
• Cornflower (#419CF3): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#3D2B40): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Aged Loft color palette (#F6EBF0, #DFCFC9, #C6B5A4, #9783D1, #392830)
• Antique Turquoise Alley color palette (#EBF9F1, #EFD8DF, #E0BAB9, #00A9CB, #1E3A2B)
• Tempered Cornflower color palette (#F9F3F9, #E9D7D9, #B8B0A0, #1377F7, #311B31)
• Iris Atelier color palette (#DDDFFF, #867CFF, #774472, #313054, #000A07)
• Ash Orchard color palette (#FCF2F4, #E1D9D2, #B3B7A7, #C999C7, #4F4546)
• Denim Lantern color palette (#E9F3FD, #CBD3ED, #C49BC7, #005E9E, #0E1B27)
• Wisteria Hollow color palette (#D4EFBD, #11C2F2, #AA72FB, #487200, #002951)
• Softworn Plum color palette (#F0DFDF, #B9AEA1, #9E967E, #AC438E, #220C0E)

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