Midnight Terrace color palette — #ECDCCC · #906C00 · #583100 · #270500 · #010100

Ochre takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Bone (#ECDCCC): A whisper-light, dusty gold — the color of old brass.
• Ochre (#906C00): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#583100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#270500): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.

Use it as a design system

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

• Muted Olive color palette (#EEECD8, #627F00, #443D00, #1C0F00, #010100)
• Weathered Bronze Quarry color palette (#F4E3D6, #AC7D00, #733E00, #430900, #010100)
• Hushed Mustard color palette (#FFF4E1, #BAB85E, #917124, #653A11, #151300)
• Hushed Bronze Corridor color palette (#E2F2E1, #B85E00, #44404D, #002120, #000201)
• Wandering Hollow color palette (#FFDECB, #D08646, #9B3F20, #581624, #060300)
• Amber Study color palette (#EAE1F2, #CF7A00, #4E6E00, #090E08, #010100)
• Velvet Garnet color palette (#D7E6D3, #005A54, #72002E, #340011, #000200)
• Hushed Nightshade color palette (#DEECD9, #008E7F, #2D00AB, #00332D, #040002)

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