Lagoon Courtyard color palette — #FFD5C3 · #C0AB88 · #5F8764 · #6E4854 · #58332D

A conversation between Fern and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFD5C3): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#C0AB88): A luminous, dusty gold — the color of afternoon light on wheat.
• Fern (#5F8764): A full-bodied, dusty green — the color of a quiet forest floor.
• Coffee (#6E4854): A full-bodied, dusty rose — the color of pressed rose petals.
• Cocoa (#58332D): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Tempered Drift color palette (#FFD4D8, #C0A396, #8C6F29, #5E4C75, #533642)
• Dusty Balcony color palette (#FCEABD, #AEAE79, #279078, #8C3A18, #594400)
• Aged Station color palette (#F7EBCE, #94A177, #576E4F, #6B3410, #3E3400)
• Hushed Balcony color palette (#D1E6D1, #ABAA7A, #57815A, #374A64, #272A45)
• Muted Stone Market color palette (#FED4F1, #D6C397, #8AB5B6, #8584A5, #444262)
• Patina Cocoa color palette (#FFF3E2, #CED0B8, #829887, #836962, #714500)
• Patina Forest color palette (#F1DDC5, #B19F48, #686F00, #135805, #004A37)
• Timeworn Station color palette (#F4D9CD, #A27061, #575425, #55144E, #431815)

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