Charred Courtyard color palette — #F8E7F3 · #995C00 · #2B2817 · #3A0800 · #0E0100

Ochre and Onyx set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F8E7F3): A whisper-light, dusty pink — the color of a candy shop window.
• Ochre (#995C00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2B2817): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#3A0800): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#0E0100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Twilit Olive Workshop color palette (#F4DEF2, #736A00, #400007, #1A0D03, #0B0000)
• Midnight Bronze color palette (#DCEFE4, #947700, #2C2800, #0B0900, #000203)
• Muted Amber color palette (#F6DFD2, #CE8300, #973207, #4A1200, #040100)
• Obsidian Coast color palette (#E6DFC3, #6E5400, #333200, #001E19, #0F0B00)
• Hazy Garnet color palette (#F6DDD3, #908600, #6E0011, #260002, #050100)
• Dusty Chestnut Boulevard color palette (#FDF2F6, #ADC9AC, #7C5337, #4D2D3D, #2F2222)
• Basalt Station color palette (#F3E7EB, #9EAE9F, #6C8773, #512E00, #230A14)
• Marigold Chapel color palette (#ECFAEC, #C79941, #634000, #362100, #0D200E)

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