Midnight Courtyard color palette — #F7D8EA · #802E00 · #104800 · #381000 · #000200

Rust takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F7D8EA): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#802E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#104800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#381000): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Depth. Tagged dark, muted, warm.

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 Cocoa color palette (#D5ECD3, #6A4200, #004736, #2D1900, #000201)
• Cellar Onyx Boulevard color palette (#F3E6DE, #5D2C00, #2C3600, #43002B, #030100)
• Obsidian Grove color palette (#FADBEA, #783700, #5C0076, #341400, #030005)
• Faded Harbor color palette (#F6DBC9, #AB4400, #1B6A03, #5F2200, #010800)
• Aged Rust color palette (#F0D8E6, #AF4500, #00606A, #4B1900, #000102)
• Forest Garden color palette (#CDF0F7, #007143, #625100, #09100C, #000201)
• Mulberry Lagoon color palette (#D7F7E2, #6D5900, #870048, #332900, #0A0003)
• Bronze Courtyard color palette (#F3D5E1, #B96800, #007F52, #693900, #00170B)

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