Midnight Courtyard color palette — #E8DCD2 · #693400 · #003D4B · #2E0042 · #0A0300

A conversation between Deep Indigo and Bronze, giving this palette its sense of trust and stability.

The five colors

• Bone (#E8DCD2): a clean, paper-quiet neutral.
• Bronze (#693400): A deep, shadowed, balanced gold — the color of old brass.
• Deep Teal (#003D4B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#2E0042): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0A0300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

One click turns Midnight 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

• Cellar Station color palette (#F8EAD7, #624300, #00303A, #2B0017, #0E0200)
• Navy Coast color palette (#FEE2CD, #592700, #001D71, #290016, #040100)
• Moonless Coast color palette (#FEE5E0, #800039, #003F3C, #10005F, #100003)
• Nightshade Workshop color palette (#EFEBDB, #444800, #1800A3, #380027, #040500)
• Wandering Bronze color palette (#F5E6D6, #945800, #003D32, #3A1F00, #010200)
• Timeworn Courtyard color palette (#E8E4DB, #ADAB93, #778844, #423700, #1B1200)
• Airy Lantern color palette (#FCE9D3, #845500, #006336, #64003C, #090300)
• Worn Balcony color palette (#E9E1C8, #595400, #670082, #461900, #0F0E00)

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