Lagoon Courtyard color palette — #F4F7E7 · #A7DEC5 · #2E9D8F · #7F5C24 · #212D0D

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

The five colors

• Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#A7DEC5): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#2E9D8F): A luminous, balanced teal — the color of shallow lagoons.
• Coffee (#7F5C24): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#212D0D): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Muted Pier color palette (#FCF4E6, #CFD5A3, #739752, #736225, #302700)
• Hushed Turquoise Ridge color palette (#F6F7E4, #8FDCC3, #00B5C4, #A57381, #2E3A23)
• Washed Emerald color palette (#EEFDC9, #A0D98F, #2AA45A, #006845, #00382D)
• Muted Lagoon Harbor color palette (#E8EAD4, #3F8B68, #00473C, #042301, #000201)
• Olive Drift color palette (#FCF4E6, #BBC180, #60833E, #006042, #1E1800)
• Teal Market color palette (#E5FBF8, #65AC8E, #197267, #3B523C, #153C3E)
• Antique Loft color palette (#E9E1C7, #7A9A4D, #005F1A, #2E2D00, #010100)
• Weathered Jade color palette (#EAFDD5, #9EF2D3, #00AA84, #005A48, #001009)

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