Charred Cocoa Courtyard color palette — #D6E8D4 · #613C00 · #2D3228 · #0D1100 · #000400

A conversation between Bronze and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Celadon Mist (#D6E8D4): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#613C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#2D3228): quiet, heavy and certain.
• Ink (#0D1100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Cocoa Ridge color palette (#FBE1F1, #792500, #352C1D, #150D00, #090006)
• Fern Parlor color palette (#E5E5CE, #635D00, #00270F, #0F0E00, #050100)
• Twilit Atelier color palette (#D6E8E2, #3C4650, #243400, #141C21, #000604)
• Forest Delta color palette (#D6F5F2, #006726, #3D3C44, #001E26, #000C0B)
• Wandering Bronze color palette (#EFDECC, #A76A00, #3E4802, #2C1800, #050100)
• Wandering Olive Loft color palette (#E3F7EF, #7A842E, #274243, #1E2C27, #0F1715)
• Aged Aubergine Pier color palette (#EBEACE, #635D00, #6E04A3, #560D7F, #141200)
• Olive Meadow color palette (#DDEEE2, #68853E, #005236, #411B4D, #131F00)

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