Hazy Harbor color palette — #FEEDD2 · #BA9800 · #786F00 · #424B00 · #1B2B00
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FEEDD2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#BA9800): A luminous, balanced green — the color of fresh herbs.
- Olive (#786F00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#424B00): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#1B2B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Moss Market color palette (#ECE2C9, #C1AB49, #948700, #656800, #363F00)
- Wandering Amber Market color palette (#FDE5DA, #DB7B00, #925F00, #503900, #292300)
- Mustard Cabin color palette (#FFF2EB, #F3B411, #A29A00, #466209, #0B3A1C)
- Tempered Moss color palette (#E9E0C5, #8CA35E, #696820, #413E37, #191903)
- Lime Orchard color palette (#E2F9C2, #91B850, #5E7700, #243800, #081100)
- Weathered Workshop color palette (#F2E9C9, #A4A824, #6D59C0, #585900, #1C133D)
- Moss Summit color palette (#E5ECDC, #56B143, #008439, #00543A, #00251F)
- Wandering Celadon Pier color palette (#F6F3DB, #B8EEB0, #6EC3AB, #7B6A2D, #292808)
Browse the whole catalog at Explore, or see today's palette.