Lagoon Courtyard color palette — #CCE5DB · #009685 · #005D60 · #00252A · #000203

Built around Fern, softened by Peacock — the whole palette hums with calm and sophistication.

The five colors

• Silver (#CCE5DB): A whisper-light, dusty teal — the color of sea glass.
• Fern (#009685): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#005D60): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#00252A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000203): quiet, heavy and certain.

Feels like: Calm, Sophistication. Tagged 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

• Wandering Delta color palette (#BDEEFF, #00A3C6, #005D71, #001B23, #000102)
• Emerald Canyon color palette (#E0F3DB, #00A34F, #006043, #002720, #000505)
• Wandering Archive color palette (#D7EDD8, #00A17F, #007E82, #004E65, #001526)
• Softworn Brick color palette (#D6EDDA, #008F99, #C10C04, #00454A, #040000)
• Cobalt Ridge color palette (#DDEEF3, #008ABC, #005793, #00255E, #010020)
• Tempered Periwinkle Bloom color palette (#E2FAFF, #92D5F9, #7F9CED, #006B61, #000407)
• Airy Mulberry Terrace color palette (#C1EFF7, #007484, #93008C, #524000, #000102)
• Aqua Corridor color palette (#9FFFEB, #00CDCB, #0096A5, #005B71, #002E43)

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