Azure Harbor color palette — #E0FDF1 · #00A5DC · #7F8200 · #005E34 · #001617
A conversation between Cyan and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E0FDF1): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00A5DC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#7F8200): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005E34): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#001617): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Powdered Balcony color palette (#EBFAEB, #00B7BA, #A47100, #495300, #001A0F)
- Weathered Studio color palette (#FFF0FD, #6C9EFF, #1B951A, #005E54, #00141E)
- Tempered Cobalt Garden color palette (#E6FBF4, #008AD1, #566E00, #00422D, #000202)
- Timeworn Canyon color palette (#FEF1F5, #C59FD6, #409A97, #006D96, #2E1B28)
- Hushed Sapphire color palette (#FFF0FD, #4767CC, #005C17, #002521, #000103)
- Wandering Apricot Summit color palette (#FFF2EB, #FB8A6A, #9B7900, #166205, #002827)
- Frosted Violet color palette (#FFF1F7, #995EFD, #00725F, #004B57, #000120)
- Pale Byzantium color palette (#EFF1FF, #8F3AE5, #5B5800, #403D00, #001019)
Browse the whole catalog at Explore, or see today's palette.