Lagoon Courtyard color palette — #F4F2EB · #C7C792 · #009597 · #777629 · #111811

A conversation between Cerulean and Walnut, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F2EB): bright and airy, almost weightless.
• Pistachio (#C7C792): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#009597): A luminous, balanced teal — the color of sea glass.
• Walnut (#777629): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#111811): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Weathered Bronze color palette (#F6F1EC, #EDB68B, #2D9777, #9F6027, #12180B)
• Dusty Cobalt color palette (#F2F3EA, #ACCF9E, #4786C7, #587E49, #1A131B)
• Turquoise Courtyard color palette (#EFF8F3, #D5D699, #55AAB7, #909057, #213137)
• Lagoon Corridor color palette (#FFEEE3, #98B688, #2D8886, #743E53, #292E1F)
• Patina Summit color palette (#FAF3C9, #A2C9A1, #279C78, #005E5F, #00313F)
• Hazy Basin color palette (#F0F3ED, #7AC5AC, #6665D1, #00765C, #150A11)
• Lime Villa color palette (#F3F3E7, #83BB42, #007791, #416800, #000D05)
• Muted Lagoon color palette (#DEE4D8, #008E65, #004678, #00412C, #000201)

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