Hazy Lagoon color palette — #FDF5DA · #9CCA8C · #279C72 · #765E85 · #28431E

Fern takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FDF5DA): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#9CCA8C): A luminous, balanced green — the color of new leaves after rain.
• Fern (#279C72): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#765E85): A full-bodied, dusty violet — the color of wild irises.
• Forest (#28431E): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Quiet Moss color palette (#FFF3E4, #C5BE70, #6A9633, #5D639C, #413C02)
• Dusty Pier color palette (#F6F7E5, #7DCFA5, #009B91, #317190, #10452E)
• Ancient Pine color palette (#F4EBD2, #8FBB64, #008E56, #6E4886, #203507)
• Jade Market color palette (#E5FCF0, #B9E99C, #11AC73, #7B5A97, #003730)
• Patina Fern color palette (#F7F5EC, #D0D4B7, #92A281, #91747A, #4D5200)
• Tempered Cypress color palette (#E0FCF9, #6EB58B, #007C5C, #005A71, #19442D)
• Dusty Ridge color palette (#FFF1F1, #FF99D3, #00B589, #B60083, #004633)
• Fern Atelier color palette (#FBEDDB, #9A9742, #476D27, #453C6D, #1D1C00)

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