Charred Cocoa Courtyard color palette — #F9DDCE · #694400 · #3D2E00 · #0F0F00 · #010200

Bronze and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F9DDCE): A whisper-light, dusty gold — the color of old brass.
• Bronze (#694400): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3D2E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0F0F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010200): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Eclipse Station color palette (#E2E0CA, #4B5500, #083B03, #001308, #000201)
• Twilit Ultramarine Quarry color palette (#F4DDDB, #004DDA, #6A4C00, #0A100A, #000200)
• Lowlit Navy Station color palette (#E6E0C1, #453B00, #1E0E8C, #28025E, #020100)
• Quiet Bronze color palette (#FAE9D6, #A18600, #575600, #233F00, #001808)
• Dusty Moss color palette (#E6E2CF, #729C4D, #00806A, #502500, #010200)
• Cellar Navy Parlor color palette (#D3F8E4, #564D00, #00289C, #231F00, #000109)
• Deep Garnet Parlor color palette (#F2D8DE, #960112, #491700, #190A00, #020100)
• Olive Hollow color palette (#F7F0D8, #687900, #305700, #002914, #000C06)

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