Azure Harbor color palette — #E3F0FF · #4F92DD · #5E904B · #007259 · #16283B
Azure and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#E3F0FF): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#4F92DD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#5E904B): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#007259): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#16283B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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
- Faded Cerulean Lagoon color palette (#ECF7FF, #0092C6, #6A7200, #006330, #00252F)
- Ancient Delta color palette (#D4E6FF, #337FFF, #009037, #006758, #031C48)
- Airy Iris Ridge color palette (#E9EEFF, #8F7DE3, #B26673, #006D7B, #20253A)
- Misty Lagoon color palette (#E0F4EB, #67CEFF, #B08400, #23977C, #0D2D22)
- Lilac Alley color palette (#F3F4FF, #B79DDB, #5FABA6, #45849A, #3B3C4B)
- Sunlit Quarry color palette (#F6F3FF, #D364C8, #0096B2, #006AAD, #3E1D3B)
- Weathered Cobalt Lagoon color palette (#E3F0FE, #2B86D0, #823800, #2A5000, #13283C)
- Pale Rust Meadow color palette (#EAEDFF, #977FCF, #BF5D66, #944813, #22243A)
Browse the whole catalog at Explore, or see today's palette.