Hazy Harbor color palette — #F3F8E6 · #D9E3F6 · #0EA2F6 · #006E88 · #002548
Cornflower and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F3F8E6): A whisper-light, dusty green — the color of new leaves after rain.
- Frost (#D9E3F6): A whisper-light, dusty violet — the color of wild irises.
- Cornflower (#0EA2F6): A luminous, vivid blue — the color of a favorite pair of jeans.
- Peacock (#006E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002548): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy 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
- Tempered Turquoise color palette (#F5F6EB, #D0DEFA, #00ADC3, #00736D, #002A34)
- Chalky Lagoon color palette (#FFF3E9, #AEE2FF, #6DADFF, #00979A, #282C61)
- Worn Teal Summit color palette (#E8E9DA, #60B2B3, #006069, #002C27, #000102)
- Cobalt Terrace color palette (#E5F7E9, #70C7F6, #0075C5, #00505A, #02124A)
- Timeworn Powder color palette (#F4F6F0, #C5DCEC, #BFBDF6, #6C99B1, #5A4558)
- Worn Lagoon color palette (#F6F6EE, #B8E3E8, #6ECDD0, #299581, #284731)
- Chalky Mustard Villa color palette (#FFF3E6, #EEAD44, #B06C00, #753C00, #211600)
- Faded Byzantium color palette (#FFF1F0, #FF5758, #A88500, #A437C2, #2B0003)
Browse the whole catalog at Explore, or see today's palette.