Midnight Bronze color palette — #F5E6EB · #9D6400 · #593000 · #220B00 · #020100

A conversation between Ochre and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#F5E6EB): bright and airy, almost weightless.
• Ochre (#9D6400): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#593000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#220B00): 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

• Muted Amber color palette (#FEE2EE, #B97419, #753D00, #3A1500, #020100)
• Antique Olive color palette (#DDF7EA, #6D7A31, #3F3F00, #161200, #000201)
• Hazy Bronze color palette (#E5FCE9, #CBB05C, #966F00, #603E00, #00180C)
• Fern Quarry color palette (#C8F1DC, #98A15B, #686200, #3B3100, #000503)
• Rust Meadow color palette (#E8DAE7, #918400, #C53D00, #0E0C03, #040002)
• Gentle Hollow color palette (#E6FCE5, #F5C877, #C58200, #8A4F00, #0A301A)
• Aged Amber color palette (#FEF1F8, #F8D0E2, #CF8B69, #825E76, #3F2B33)
• Stone Market color palette (#EFF8EF, #BCEAE3, #C7AA77, #6A8267, #34433A)

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