Midnight Courtyard color palette — #F4DFE1 · #B30510 · #601A00 · #301100 · #0A0300

Built around Ruby, softened by Espresso — the whole palette hums with warmth and comfort.

The five colors

• Shell Pink (#F4DFE1): A whisper-light, dusty red — the color of late-summer berries.
• Ruby (#B30510): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#601A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#301100): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0A0300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Warmth, Comfort, Energy, Depth, Luxury. Tagged dark, 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

• Softworn Plum color palette (#F7E6ED, #C32F49, #7D0B00, #311800, #0E0E00)
• Patina Rose color palette (#F3D9E6, #E34069, #9A2500, #3B1C00, #030200)
• Weathered Terracotta color palette (#F8E7DC, #953B00, #005265, #481900, #000305)
• Charred Bronze color palette (#FCEDE1, #9D5900, #532B00, #1F0B00, #030100)
• Ember Canyon color palette (#FEDAD9, #E34300, #944500, #562E00, #281800)
• Gentle Parlor color palette (#F6DEEC, #AE006F, #710032, #380008, #120100)
• Soft Summit color palette (#FFE8D8, #C7974C, #7C7D27, #72030B, #0D0400)
• Aubergine Loft color palette (#FBE0D1, #733500, #004A3A, #37007A, #030100)

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