Hazy Harbor color palette — #F3EFDD · #51C9FE · #00C689 · #003E3D · #202812
Jade takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F3EFDD): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#51C9FE): A luminous, balanced blue — the color of deep harbor water.
- Jade (#00C689): A luminous, balanced teal — the color of shallow lagoons.
- Deep Teal (#003E3D): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#202812): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Calm, Balance. Tagged neon, dark, vibrant, cool.
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
- Quiet Clover color palette (#FDE2C7, #00D1EE, #2ACA26, #003C2F, #242616)
- Turquoise Coast color palette (#DDE6C6, #89B4FF, #00B8BE, #0F2F3C, #0F1D11)
- Timeworn Aqua color palette (#F0EAF8, #8ACEFF, #00D9D0, #225864, #102429)
- Washed Teal color palette (#EDF9EC, #00B9B9, #006D98, #006363, #002419)
- Linen Clover Alley color palette (#E8D9F3, #FFB9B5, #1DC12B, #254724, #122A27)
- Timeworn Petrol Loft color palette (#EFF8F1, #C9DFDD, #A9C3B7, #007885, #354439)
- Hazy Emerald Lagoon color palette (#ECDEF5, #FF9FB1, #00AA4F, #092C14, #0A0D00)
- Timeworn Terrace color palette (#88FEE5, #E2C1FF, #81C5FF, #27484D, #26312E)
Browse the whole catalog at Explore, or see today's palette.