Muted Courtyard color palette — #FFD8E8 · #D5D2FF · #7FE593 · #34524F · #293231

Built around Lagoon, softened by Lilac Frost — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD8E8): A whisper-light, dusty rose — the color of a warm blush.
• Lilac Frost (#D5D2FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lagoon (#7FE593): A whisper-light, balanced green — the color of fresh herbs.
• Charcoal Brown (#34524F): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#293231): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Muted 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

• Seafoam Villa color palette (#FFDDC5, #FFBFF7, #00E8DE, #355259, #293538)
• Wandering Studio color palette (#FFD7F0, #C3D8FF, #F7C247, #364F3B, #303932)
• Seafoam Study color palette (#FFE4F3, #C4DFFF, #00F2EE, #5B6D71, #273032)
• Weathered Teal color palette (#ECE3F2, #FFB8C1, #00BB97, #004838, #0E282A)
• Powdered Fuchsia color palette (#FCDCD4, #FF8AE5, #00C7C5, #00403F, #0B252C)
• Weathered Basalt color palette (#F0F5FF, #C3FFD6, #DBD7CD, #3A4700, #23251C)
• Wandering Jade Study color palette (#EFF7F7, #A7DDDF, #7F9BD3, #00A57A, #252E3C)
• Lagoon Harbor color palette (#EAF8F9, #EAC5D5, #538A77, #255659, #1D2F30)

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