Lagoon Courtyard color palette — #DFE0CC · #419775 · #40728C · #573D00 · #180E00

A conversation between Fern and Deep Olive, giving this palette its sense of trust and stability.

The five colors

• Bone (#DFE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#419775): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#40728C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#573D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#180E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Patina Lagoon Chapel color palette (#DEEFEA, #419C7B, #007075, #3B501D, #000804)
• Onyx Workshop color palette (#E7E1C8, #6B906E, #3A737A, #673B49, #2B0012)
• Cerulean Villa color palette (#C9E5E0, #3D8FBA, #78638F, #4F4802, #110F00)
• Basalt Boulevard color palette (#C9EBE2, #3F838F, #305773, #532131, #220300)
• Terracotta Basin color palette (#D3E5F3, #0077AE, #A04A00, #674900, #000205)
• Bronze Courtyard color palette (#DBE9F1, #008CA9, #A85900, #005E72, #0D0300)
• Worn Lagoon Loft color palette (#CFEFE6, #008C93, #006B80, #00456D, #05002D)
• Ancient Studio color palette (#CFE7DA, #74B3C4, #8679B6, #636018, #302E02)

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