Charred Courtyard color palette — #D7F4F5 · #005D76 · #002F59 · #0C0034 · #020007

Deep Indigo takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7F4F5): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#005D76): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#002F59): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#0C0034): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

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

• Lowlit Bloom color palette (#D3E8EF, #00507F, #1D0083, #13003A, #030005)
• Obsidian Abyss Coast color palette (#D7F1E0, #005C4C, #00383B, #001622, #000104)
• Velvet Petrol color palette (#CDE4EF, #0074AA, #003A6D, #001545, #01000B)
• Twilit Chestnut Study color palette (#CCEAE6, #7D5500, #005B73, #080C11, #000103)
• Nightshade Boulevard color palette (#E6EDFA, #0041AD, #533400, #00194E, #020100)
• Navy Study color palette (#E7F1FF, #00397A, #3C3000, #182002, #000105)
• Powdered Mulberry Balcony color palette (#D1E6FF, #9274D3, #A43264, #003435, #000109)
• Shadow Ultramarine color palette (#DDE2F4, #1E47DA, #220085, #01002C, #00000C)

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