Midnight Amber color palette — #EDDDD5 · #B28600 · #570103 · #0F0903 · #040000

A conversation between Mustard and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#EDDDD5): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#B28600): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#570103): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#0F0903): a grounded near-black with real depth.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Gentle Dune color palette (#F3D8D2, #91A100, #A20F44, #4D071E, #060000)
• Shadow Orchard color palette (#F4E5D7, #9A7300, #2C1400, #0E0C05, #030100)
• Sunlit Ember Grove color palette (#F8E6DA, #DA6838, #4C5300, #672200, #020100)
• Amber Basin color palette (#F9E6D9, #BD7F00, #665300, #202100, #010200)
• Dusty Thicket color palette (#F7EED4, #CB9900, #423D00, #1D2726, #090800)
• Straw Alley color palette (#FFF3E5, #FED273, #925E00, #422800, #0E0600)
• Cocoa Meadow color palette (#F4EDE6, #D9CEBF, #B4A57C, #713F00, #050200)
• Weathered Bronze color palette (#FDEACD, #A36700, #464600, #001E30, #020100)

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