Hazy Harbor color palette — #FFEAD4 · #BD9E00 · #748800 · #006E24 · #001C16
Built around Mustard, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEAD4): A whisper-light, dusty gold — the color of honey in a jar.
- Mustard (#BD9E00): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#748800): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006E24): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#001C16): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Frosted Emerald Drift color palette (#F4EBDB, #A0A82A, #319800, #006A50, #001C1B)
- Patina Parlor color palette (#F0F0DF, #8B9C31, #507400, #1A4300, #001D06)
- Hushed Amber color palette (#FFEAE7, #D88C3E, #9C7400, #555B00, #031D00)
- Soft Aubergine Villa color palette (#FEE7F0, #C08E00, #2C971E, #770096, #191700)
- Patina Moss Lantern color palette (#ECE88C, #A1AE00, #527000, #183900, #000400)
- Dusty Parlor color palette (#CCF0E3, #708400, #164E30, #1A2000, #000201)
- Emerald Lantern color palette (#E6EBD6, #3B974B, #006C5A, #00484B, #00060A)
- Timeworn Lime color palette (#ECE7D0, #9ACB41, #00AF61, #008074, #003339)
Browse the whole catalog at Explore, or see today's palette.