Lagoon Courtyard color palette — #FFE7F4 · #9CC0AB · #5A8F73 · #6B5B77 · #5C4152

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFE7F4): A whisper-light, dusty pink — the color of neon signs at night.
• Sage (#9CC0AB): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#5A8F73): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#6B5B77): A full-bodied, dusty violet — the color of twilight just after sunset.
• Cocoa (#5C4152): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, 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

• Aged Driftwood color palette (#FFF0FE, #C8A7B4, #769269, #666182, #514E63)
• Pewter Delta color palette (#DEF9E3, #99BEB8, #6390A2, #79546A, #5C4445)
• Aged Hollow color palette (#FFF3E5, #D6D1B6, #B1BFA2, #A68386, #644646)
• Petrol Chapel color palette (#CDECE0, #6CA1A7, #2C7493, #613E51, #4A2A2B)
• Pale Coast color palette (#E2FBFB, #60B388, #AE6CBA, #00794D, #523657)
• Ancient Corridor color palette (#FBF2F9, #B8E5F6, #2F95C6, #27724D, #354965)
• Emerald Workshop color palette (#F7EBBC, #9CAC5A, #309541, #006647, #164F5A)
• Aged Pier color palette (#CAF4E9, #4D968C, #295A87, #4B3500, #352400)

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