Tempered Amber color palette — #FFF1F6 · #CB6E00 · #4B2E00 · #1A0911 · #030002

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#CB6E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#4B2E00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1A0911): A deep, shadowed, dusty rose — the color of a warm blush.
• Black (#030002): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered 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

• Hushed Amber Orchard color palette (#E8FBED, #A98500, #3B3605, #021408, #000200)
• Patina Lantern color palette (#FDF1FE, #D45D74, #532523, #160B17, #020102)
• Amber Delta color palette (#FCE4EF, #E87800, #4B6A55, #4B353F, #120B11)
• Muted Amber Ridge color palette (#EBFAEC, #CC9200, #295039, #132315, #090405)
• Inked Chestnut Quarry color palette (#EFDCCD, #984E00, #30220D, #150902, #050100)
• Faded Rust color palette (#DCFEF0, #A7AF25, #00AE97, #C45B17, #002217)
• Washed Moss Thicket color palette (#D7FFF6, #5BA900, #1B4624, #001A16, #000201)
• Antique Moss Delta color palette (#EDF9F0, #DCD1A0, #948E06, #825842, #112F1F)

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