Hazy Harbor color palette — #F9F5E6 · #ECD378 · #BEC33E · #63973C · #42413A
A conversation between Gold and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F5E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Honey (#ECD378): A whisper-light, balanced green — the color of new leaves after rain.
- Gold (#BEC33E): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#63973C): A luminous, balanced green — the color of fresh herbs.
- Charcoal (#42413A): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, 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
- Mint Bloom color palette (#F5F7E4, #C2E48E, #84D879, #49A680, #3F413A)
- Antique Marigold Atelier color palette (#FDF4E7, #FFD7B4, #E1A72E, #9E961D, #45413B)
- Emerald Atelier color palette (#F1F0C7, #90C17E, #3C9339, #1F6B3D, #2B553F)
- Mustard Grove color palette (#F8F2DB, #FFC9A7, #C3CA4C, #58A885, #212005)
- Softworn Moss Grove color palette (#F8F9CC, #B7C700, #61A800, #00834E, #0B3100)
- Antique Lagoon Villa color palette (#F6F8DB, #AFB89A, #599984, #3F6D5D, #5B475C)
- Airy Boulevard color palette (#F4F7E5, #73B270, #D1672C, #327731, #5E3724)
- Lagoon Lagoon color palette (#F4F7E9, #8EBC9E, #2D8566, #6D5701, #3B4900)
Browse the whole catalog at Explore, or see today's palette.