Azure Harbor color palette — #FFF2EC · #AEF3FE · #3A9CD1 · #116D49 · #0C1B42
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Sea Foam (#AEF3FE): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#3A9CD1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#116D49): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#0C1B42): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Periwinkle Harbor color palette (#FFF2EB, #D6D7E7, #6EACE5, #2C7F68, #262B4F)
- Misty Cobalt Dune color palette (#FFF3E9, #91D6F8, #4379CB, #005249, #0D0429)
- Dusty Market color palette (#F6EAF3, #8FB8CA, #00719A, #005142, #002D5C)
- Patina Archive color palette (#E3FDEA, #00BFD7, #EC5E31, #00707F, #310800)
- Aqua Archive color palette (#E7F9FF, #69D7FF, #0083A7, #003E58, #000409)
- Timeworn Teal color palette (#A8F5C4, #00C8B3, #00909F, #004A6D, #02214F)
- Timeworn Denim Thicket color palette (#F7E4D8, #59AECF, #0053A2, #002C25, #010009)
- Wandering Lagoon color palette (#FCF4EC, #C4E4F8, #A7B9ED, #409190, #533542)
Browse the whole catalog at Explore, or see today's palette.