Charred Cocoa Courtyard color palette — #FDE7DA · #7B2800 · #00342F · #00163C · #040002

Built around Rust, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Rose Water (#FDE7DA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#7B2800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Forest (#00342F): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#00163C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Shadow Chapel color palette (#F4DDC6, #663C00, #00393D, #1C005C, #040000)
• Cellar Cocoa color palette (#ECE4D5, #564000, #17201B, #130E00, #020100)
• Mulberry Loft color palette (#FCD9D6, #95004C, #193800, #002125, #020007)
• Patina Chestnut Archive color palette (#FBEED2, #8F5500, #413D00, #002133, #090400)
• Wandering Bronze Ridge color palette (#FFF4E1, #7D6A00, #00584A, #003129, #030003)
• Softworn Aubergine color palette (#FFE5C5, #805B00, #004E5B, #310068, #140002)
• Softworn Cocoa Market color palette (#EAE0D6, #BCB1A4, #968C76, #663500, #120802)
• Worn Rust color palette (#F2DDE9, #B14100, #005752, #002A82, #10000A)

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