Azure Harbor color palette — #ECF8F8 · #8AD8AE · #4398CB · #40936B · #162632
Cerulean and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF8F8): a clean, paper-quiet neutral.
- Mint Leaf (#8AD8AE): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#4398CB): A luminous, balanced blue — the color of open sky before noon.
- Fern (#40936B): A luminous, balanced teal — the color of glacier melt.
- Midnight (#162632): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged duotone, muted, cool.
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
- Lagoon Grove color palette (#ECF8FB, #91E2DF, #759ED1, #389E9B, #262F38)
- Mustard Villa color palette (#EDF8F3, #C6CB75, #28A496, #82863A, #15272B)
- Antique Drift color palette (#F2F7EE, #A8F9DB, #3DB0BA, #00A27C, #051709)
- Ancient Jade color palette (#F4F6EE, #B7E2BD, #73B4F1, #54BA6B, #132924)
- Muted Cobalt Bloom color palette (#EBF8F7, #8FBC92, #3671B1, #2B7036, #192533)
- Sunlit Cornflower color palette (#E9F8FF, #00D0F2, #637BEB, #00869C, #0E1C37)
- Teal Atelier color palette (#E8FBEB, #00CBC1, #2492BA, #865163, #24424C)
- Seafoam Bloom color palette (#B9FFE8, #46DDDA, #1E9FB6, #0B6E90, #00416F)
Browse the whole catalog at Explore, or see today's palette.