Hazy Harbor color palette — #FFF2EE · #7AC7C6 · #007A98 · #005B1D · #003361
A conversation between Deep Olive and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Mint Leaf (#7AC7C6): A luminous, dusty teal — the color of glacier melt.
- Teal (#007A98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005B1D): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#003361): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, 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 Courtyard color palette (#FFF2EB, #86C2D7, #0070C3, #005747, #291F7B)
- Tempered Petrol Lantern color palette (#E7F7EA, #76CCCB, #00808F, #00543F, #001E28)
- Cerulean Station color palette (#FFF4E2, #7FDDDC, #009EB0, #007559, #003949)
- Dusty Thicket color palette (#FAECE7, #6FAAAE, #00607F, #004120, #001C49)
- Frosted Cobalt Balcony color palette (#FEF3EC, #ABDBC5, #4D80C7, #00685C, #3C3474)
- Lilac Lagoon color palette (#E2FEE3, #97D1FF, #B28CF8, #007036, #004550)
- Antique Emerald color palette (#D7E4D0, #00A36C, #00766F, #004858, #00324A)
- Dusty Corridor color palette (#C8F5FF, #00A8CA, #006172, #00363B, #001F24)
Browse the whole catalog at Explore, or see today's palette.