Hazy Harbor color palette — #FFDD9F · #CFAD2D · #8E8400 · #535A00 · #263300
Gold and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Peach Cream (#FFDD9F): A whisper-light, balanced gold — the color of old brass.
- Gold (#CFAD2D): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#8E8400): A luminous, balanced green — the color of fresh herbs.
- Olive (#535A00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#263300): 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
- Washed Apricot color palette (#FFDBC7, #F09A47, #B37300, #745200, #403300)
- Hazy Atelier color palette (#EAE4CD, #A39600, #5C6600, #2E4000, #061800)
- Powdered Lime color palette (#DDE9A3, #92BE4D, #5A9340, #086A24, #003B21)
- Timeworn Grove color palette (#FFD7AF, #DEBB70, #B1A330, #6B8100, #0E3700)
- Marigold Corridor color palette (#D9F7E4, #C29D00, #777F0F, #00635B, #183828)
- Airy Amber color palette (#FFF2EF, #F3BA87, #A88906, #2D6000, #002B20)
- Faded Market color palette (#E1FEEB, #FFC360, #DBB300, #8F9D45, #373200)
- Ancient Corridor color palette (#FDFAB3, #C0D075, #81A04F, #48743A, #004F1A)
Browse the whole catalog at Explore, or see today's palette.