Lagoon Courtyard color palette — #EBF9F1 · #93BFB0 · #648D56 · #36698B · #133E32

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

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Ash (#93BFB0): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#648D56): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#36698B): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#133E32): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, muted, cool.

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

• Lagoon Veranda color palette (#ECF9F4, #A6CEC8, #699D81, #5C7299, #1F4B46)
• Denim Corridor color palette (#D7F2EE, #6DBE9A, #008B7C, #544F9B, #003825)
• Softworn Emerald color palette (#EAFAF0, #B6C285, #66964A, #845195, #383F12)
• Muted Emerald color palette (#FDF5E1, #C7DA91, #6B985B, #466D60, #2C2812)
• Dusty Cypress Loft color palette (#EEF8F0, #B0DDEB, #42A5B7, #007F65, #004156)
• Patina Corridor color palette (#FEF1F6, #A49C6A, #457029, #4C4569, #1F3D2D)
• Honey Boulevard color palette (#FFF3E6, #D1CF81, #84AD7E, #9A7982, #37352F)
• Timeworn Pine color palette (#CEE9DD, #7F9E63, #1D7337, #00467F, #102000)

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