Azure Harbor color palette — #DEF1FF · #26AAF3 · #9E5A00 · #00537C · #100500
A conversation between Cornflower and Ochre, giving this palette its sense of trust and stability.
The five colors
- Frost (#DEF1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#26AAF3): A luminous, balanced blue — the color of deep harbor water.
- Ochre (#9E5A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Peacock (#00537C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#100500): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, 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
- Frosted Cornflower color palette (#E3EFFF, #3C90FF, #9E7100, #00499D, #0D0600)
- Timeworn Garden color palette (#DDF2FF, #00A0CF, #D0430E, #005570, #150200)
- Sunlit Nightshade Canyon color palette (#E6EEFF, #8396FF, #618300, #2F30A2, #050900)
- Wandering Cobalt Archive color palette (#C3E7FF, #0083BC, #8B6200, #6F4D00, #000204)
- Faded Indigo Thicket color palette (#DEE6FD, #516AFF, #8B5C00, #1F209E, #020100)
- Petrol Drift color palette (#D9F2E7, #0076A3, #775100, #003E58, #261700)
- Softworn Sapphire color palette (#EFF6FF, #8EB0FF, #AC9E06, #2955E9, #231F00)
- Peony Villa color palette (#DEF0EB, #2DA2FB, #D954AC, #0075BE, #350025)
Browse the whole catalog at Explore, or see today's palette.