Azure Harbor color palette — #FCF2F9 · #C5EDFF · #199AE4 · #006D4F · #101944
Built around Cornflower, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FCF2F9): a clean, paper-quiet neutral.
- Frost (#C5EDFF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#199AE4): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006D4F): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#101944): A deep, shadowed, balanced 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
- Weathered Iris Orchard color palette (#FFF1F5, #D9DEFB, #7389EB, #00696B, #280A46)
- Tempered Cypress color palette (#FBF2F7, #D7D4E0, #7AA9E2, #00816E, #292754)
- Wandering Cobalt color palette (#FFF1F7, #AAD1EF, #5275CC, #00524E, #11002D)
- Worn Hollow color palette (#F7ECE6, #58C2D7, #006FA7, #00523A, #222C4D)
- Cobalt Ridge color palette (#F0F5FF, #EAD9E2, #FFB6B8, #0083B9, #252342)
- Petrol Dune color palette (#F4EAF4, #72C7CB, #007194, #00411D, #00020B)
- Washed Wisteria color palette (#F4F4FF, #AF72DB, #AB7600, #8A6300, #160025)
- Ultramarine Summit color palette (#ECE1E6, #75AAC5, #0A4DB0, #002C27, #010008)
Browse the whole catalog at Explore, or see today's palette.