Azure Harbor color palette — #FFF0FD · #4BE2F3 · #0098D2 · #00764A · #162F65
Built around Cerulean, softened by Ice Blue — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Ice Blue (#4BE2F3): A whisper-light, balanced blue — the color of open sky before noon.
- Cerulean (#0098D2): A luminous, balanced blue — the color of open sky before noon.
- Pine (#00764A): A full-bodied, balanced teal — the color of sea glass.
- Navy (#162F65): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Patina Study color palette (#FAF3F9, #ACDEEE, #4FA0C3, #357D4E, #243C59)
- Wandering Cornflower Atelier color palette (#FFF0F7, #86D6FF, #3E87FF, #007369, #332467)
- Soft Cobalt color palette (#E8DAE5, #68C0D0, #007DB5, #005C3E, #0C1A4A)
- Patina Canyon color palette (#F5F7E4, #75C7CF, #007B8E, #005653, #003948)
- Patina Powder Loft color palette (#FAF2F8, #D7D5E6, #91B6D5, #5A9195, #485367)
- Magenta Dune color palette (#EED6EC, #E300DE, #00986A, #007777, #3C0B3A)
- Misty Denim Harbor color palette (#F4E7EE, #30A0C6, #0E57A4, #003C33, #080128)
- Timeworn Delta color palette (#FDEFFF, #FFCADA, #FC9F37, #627CC6, #4F2236)
Browse the whole catalog at Explore, or see today's palette.