Azure Harbor color palette — #F3F7ED · #DADEFA · #6993D0 · #00648C · #0C1B43
A conversation between Slate Blue and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F7ED): bright and airy, almost weightless.
- Frost (#DADEFA): A whisper-light, dusty violet — the color of a velvet chair.
- Slate Blue (#6993D0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00648C): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#0C1B43): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Patina Azure color palette (#F4F7E8, #B5EBE8, #009FD1, #006873, #002134)
- Turquoise Hollow color palette (#E4E5D7, #61B0B9, #005F6E, #002B2A, #000102)
- Quiet Sapphire Atelier color palette (#E1F3F2, #8AB6E1, #0263CD, #004B6A, #1C2C51)
- Feathered Periwinkle color palette (#F5EDE5, #B2D8FB, #85A0F0, #008EA1, #2F215A)
- Ancient Petrol Field color palette (#ECF1DE, #88BFDD, #006EA5, #003C4A, #000308)
- Wandering Sky Orchard color palette (#F5F6EB, #D5D7E8, #07C0F0, #00868F, #003A52)
- Cerulean Parlor color palette (#F5F7E9, #8ADBE8, #0088A2, #005152, #000F16)
- Weathered Plum Grove color palette (#FFF2EF, #F97D99, #6D88F7, #B41450, #0B1042)
Browse the whole catalog at Explore, or see today's palette.