Charred Courtyard color palette — #F1EDD9 · #4B4900 · #60003B · #3D0400 · #030100

Mulberry and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1EDD9): A whisper-light, dusty green — the color of a quiet forest floor.
• Deep Olive (#4B4900): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Mulberry (#60003B): A deep, shadowed, balanced rose — the color of strawberry cream.
• Espresso (#3D0400): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Fern Lagoon color palette (#E1E3C2, #2B5C00, #5D0016, #291000, #020200)
• Aubergine Loft color palette (#F1DCC5, #653F00, #46006A, #31001C, #060000)
• Garnet Cabin color palette (#E8E9D8, #1C780A, #8D0020, #4F2800, #060600)
• Ancient Parlor color palette (#CDEAD7, #776700, #6800CD, #5D2200, #030200)
• Airy Olive Pier color palette (#E7E8D2, #408F00, #A7223F, #6B3600, #191600)
• Abyss Study color palette (#DDF0DC, #005050, #172A2B, #001013, #000300)
• Navy Harbor color palette (#DBF0D8, #005553, #0C0195, #1A1B00, #000201)
• Weathered Pier color palette (#D0E3DF, #008880, #005152, #00282D, #000609)

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