Hazy Lagoon Courtyard color palette — #F4F8E0 · #7EDAA6 · #00946F · #7B4C00 · #002613

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

The five colors

• Cream (#F4F8E0): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#7EDAA6): A luminous, balanced teal — the color of glacier melt.
• Fern (#00946F): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#7B4C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002613): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Emerald Grove color palette (#FAF6DC, #9DD86A, #219816, #725200, #122400)
• Ancient Field color palette (#F7F6E7, #BDDAB0, #609A64, #756032, #292913)
• Worn Mustard color palette (#FFF4DC, #CBCB3F, #768900, #873E3F, #202000)
• Patina Mint Dune color palette (#EFEDCF, #5DDD95, #00AE9C, #9B678D, #00381D)
• Patina Forest color palette (#F6F7E4, #70B57B, #007246, #463C00, #070900)
• Jade Boulevard color palette (#C3F0E7, #5CA77A, #006B57, #622640, #001C0C)
• Bronze Atelier color palette (#F4F7E8, #C0F4D6, #66AF95, #89752C, #303F00)
• Hushed Boulevard color palette (#EDE0C4, #97913D, #4C5300, #352A00, #010100)

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