Hazy Harbor color palette — #EFFBDA · #00AF70 · #1378F7 · #006E45 · #103971
A conversation between Azure and Kelly Green, giving this palette its sense of nature and growth.
The five colors
- Custard (#EFFBDA): A whisper-light, dusty green — the color of fresh herbs.
- Kelly Green (#00AF70): A luminous, balanced teal — the color of glacier melt.
- Azure (#1378F7): A full-bodied, vivid blue — the color of open sky before noon.
- Pine (#006E45): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#103971): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.
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
- Violet Station color palette (#E3FEE0, #00A9A4, #8255FF, #006A67, #3B2C71)
- Soft Lapis color palette (#D3E5C8, #00947B, #4354E4, #005647, #192258)
- Moss Meadow color palette (#F9F7D7, #7AA414, #008CB1, #4B6700, #004154)
- Aged Petrol Summit color palette (#ECF9F3, #75BADD, #7FA668, #257CA2, #4D4E46)
- Sunlit Olive color palette (#CDEEDC, #0093B6, #607C00, #00576D, #263400)
- Teal Loft color palette (#D9FFF1, #00C59F, #007F64, #00493B, #002D23)
- Ancient Grove color palette (#DEF1D7, #007F70, #725400, #00433B, #241800)
- Frosted Amber Lantern color palette (#EDF9EA, #4DB3A8, #A98400, #00766D, #504016)
Browse the whole catalog at Explore, or see today's palette.