Hazy Harbor color palette — #F2E8D2 · #A69100 · #008E8E · #625500 · #002222
A conversation between Mustard and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F2E8D2): A whisper-light, dusty gold — the color of honey in a jar.
- Mustard (#A69100): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#008E8E): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#625500): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#002222): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged 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
- Moss Lantern color palette (#ECEBCF, #73A23A, #0088B0, #3D6100, #00202C)
- Softworn Boulevard color palette (#E9E3D3, #887F00, #008265, #903F24, #1A1300)
- Lagoon Studio color palette (#E6EEE2, #009481, #886400, #005347, #1A1000)
- Ancient Station color palette (#ECDFC4, #A19C54, #736422, #4C3C13, #1E1700)
- Indigo Balcony color palette (#E1F4E8, #A38C23, #676EC7, #665600, #2D315A)
- Ancient Mint color palette (#F0F4E3, #7EC78E, #C48E6E, #478154, #36302B)
- Muted Meadow color palette (#F7F2DF, #A3AC3F, #C67174, #646B06, #3E1C11)
- Olive Summit color palette (#F1F3D3, #707000, #00646E, #393900, #000A0C)
Browse the whole catalog at Explore, or see today's palette.