Hazy Lagoon color palette — #F8EED1 · #91C769 · #92891E · #81561B · #343730

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

The five colors

• Cream (#F8EED1): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#91C769): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#92891E): A luminous, balanced green — the color of a quiet forest floor.
• Coffee (#81561B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#343730): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Patina Mustard color palette (#FFEBD3, #C6B742, #B17923, #8F4B35, #2B3B18)
• Lime Lagoon color palette (#E7E0AA, #80B930, #877900, #754600, #00321C)
• Weathered Ridge color palette (#DDFEEE, #BDDC9D, #9A9728, #7C5900, #003114)
• Powdered Boulevard color palette (#FCECDA, #A28B1F, #875300, #652719, #111A00)
• Wandering Garden color palette (#FEE9DB, #CA933E, #A85930, #743840, #2C2308)
• Weathered Cocoa Station color palette (#FFF2EB, #E5C49F, #B6937E, #8C6C65, #5A4400)
• Bronze Lagoon color palette (#F9DFD4, #976200, #742A00, #490019, #040300)
• Chalky Olive Courtyard color palette (#FFF0F9, #9C9AFF, #328B01, #3F762E, #272649)

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