Midnight Amber color palette — #FCE2F3 · #B0871E · #501300 · #130A03 · #040000

Built around Mustard, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#FCE2F3): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#B0871E): A luminous, balanced gold — the color of old brass.
• Espresso (#501300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#130A03): A deep, shadowed, dusty gold — the color of old brass.
• 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

• Brick Atelier color palette (#EBD9E7, #91A100, #A80410, #520104, #050004)
• Shadow Bronze color palette (#DDEEDB, #9A7300, #291700, #021011, #020100)
• Amber Veranda color palette (#F9E3ED, #D46E22, #425600, #602B00, #010100)
• Bronze Studio color palette (#F8EBE0, #AA8000, #564E00, #1E2700, #000200)
• Worn Taupe color palette (#DDF4EB, #C09C4D, #3B4000, #181B22, #070800)
• Patina Sand Corridor color palette (#EBFAED, #F9D382, #8A6300, #3E2B00, #000B02)
• Weathered Mustard Study color palette (#FFF0F8, #EEBB40, #8D3E00, #351300, #030100)
• Softworn Bronze Loft color palette (#D0EED6, #9A6D00, #3D4900, #001C37, #020100)

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