Midnight Bronze color palette — #D9E3D8 · #936B00 · #533500 · #1F0E00 · #020100

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

The five colors

• Bone (#D9E3D8): bright and airy, almost weightless.
• Ochre (#936B00): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#533500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1F0E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Midnight Harbor color palette (#F6DBD0, #B35300, #672200, #2A0200, #040001)
• Chestnut Workshop color palette (#DBF4DA, #9B7C2F, #835400, #632F00, #040300)
• Amber Summit color palette (#FFE9F2, #B9740E, #733E00, #391600, #020100)
• Weathered Mustard color palette (#DCFFE9, #BFB64E, #8A7512, #594200, #00170F)
• Amber Delta color palette (#FFD9ED, #DC7F33, #994200, #5A1700, #0D0004)
• Smoked Loft color palette (#E9E1F7, #850071, #5C2E00, #001835, #040003)
• Quiet Plum color palette (#DCE9CE, #B07300, #D00063, #120503, #020003)
• Muted Coast color palette (#F2E9F9, #C63E83, #6F1500, #530030, #040003)

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