Hazy Harbor color palette — #E2DFF1 · #00B079 · #BD7200 · #210511 · #0A0104
Built around Jade, softened by Mustard — the whole palette hums with optimism and balance.
The five colors
- Frost (#E2DFF1): A whisper-light, dusty violet — the color of wild irises.
- Jade (#00B079): A luminous, balanced teal — the color of glacier melt.
- Mustard (#BD7200): A luminous, balanced gold — the color of afternoon light on wheat.
- Ink (#210511): A deep, shadowed, dusty rose — the color of strawberry cream.
- Ink (#0A0104): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Optimism, Balance. Tagged neon, dark, 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
- Misty Jade Studio color palette (#E2DDF8, #00C494, #C98B00, #122313, #070D07)
- Ember Study color palette (#E3DDF3, #00BDB0, #EF5E05, #301C00, #1A1009)
- Pale Moss color palette (#DEEEFF, #38B200, #DC3200, #1D0718, #090106)
- Bronze Lagoon color palette (#F4EAF6, #00909F, #8D6D00, #000F0D, #000200)
- Ancient Moss color palette (#FED9E9, #00A2D9, #868E00, #001B12, #000402)
- Amber Summit color palette (#D8E6D7, #B28600, #4F3200, #1C0F00, #000200)
- Timeworn Moss color palette (#E7E4D3, #779500, #2B6A00, #003A21, #00120D)
- Muted Amber Coast color palette (#DAEADD, #B08700, #006543, #594300, #000303)
Browse the whole catalog at Explore, or see today's palette.