Hazy Harbor color palette — #F3F9DE · #E4F321 · #6DF55A · #00D5C2 · #024122
Built around Chartreuse, softened by Lemon — the whole palette hums with nature and growth.
The five colors
- Custard (#F3F9DE): A whisper-light, dusty green — the color of fresh herbs.
- Lemon (#E4F321): A whisper-light, vivid green — the color of a quiet forest floor.
- Chartreuse (#6DF55A): A whisper-light, vivid green — the color of fresh herbs.
- Aqua (#00D5C2): A luminous, balanced teal — the color of glacier melt.
- Forest (#024122): A deep, shadowed, balanced teal — the color of shallow lagoons.
Feels like: Nature, Growth, Energy, Softness, Clarity. 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
- Celadon Coast color palette (#EEFBDD, #BFFC65, #3CF8B9, #00D1DC, #00443B)
- Quiet Studio color palette (#FAF7D7, #FFDD81, #BBE213, #00DBB0, #1A3D00)
- Sunlit Bloom color palette (#F0F8DE, #CFE24A, #00E28C, #00BAC3, #002E23)
- Quiet Chartreuse Ridge color palette (#F7F7DC, #FFD89A, #86E059, #00B0D2, #004230)
- Softworn Parlor color palette (#FFF5D9, #C0D997, #7EB57A, #8F8B57, #31410E)
- Antique Mint Lantern color palette (#DBEDDE, #00E4A2, #00BBA0, #00908A, #004D52)
- Worn Clover color palette (#D7FBF6, #D2D700, #00CB3A, #009385, #001F12)
- Frosted Pier color palette (#DEFFE5, #49FED1, #49E1FD, #6CB3FF, #002C3B)
Browse the whole catalog at Explore, or see today's palette.