Hazy Olive Harbor color palette — #FFF1F0 · #D28CAC · #7D8828 · #006496 · #572142

Olive Leaf and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Dusty Rose (#D28CAC): A luminous, balanced rose — the color of pressed rose petals.
• Olive Leaf (#7D8828): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006496): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#572142): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Hazy Olive 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

• Denim Orchard color palette (#FFF2EC, #DA8E7F, #6E8C42, #2A5BA9, #5E2118)
• Blush Canyon color palette (#FFF0FD, #FF9B95, #679963, #3E5B90, #21284B)
• Timeworn Bronze Station color palette (#FFF1F5, #B795CD, #AC721D, #006C68, #2F335D)
• Misty Loft color palette (#EEF9EC, #B37C31, #546E00, #005548, #4B2C43)
• Cocoa Summit color palette (#FFEBE8, #E4C4B2, #A99A80, #856B82, #6C4552)
• Muted Lagoon color palette (#FAF3F0, #C1E8E2, #65AFD3, #198E75, #2D496A)
• Muted Balcony color palette (#F5ECDD, #8E7100, #005E64, #590051, #181100)
• Aged Grape Ridge color palette (#FFF2EA, #F2701D, #008B77, #7D00AC, #521F00)

Browse the whole catalog at Explore, or see today's palette.