Tempered Amber color palette — #FFF1F6 · #CA6F00 · #213C27 · #1C0811 · #030002

Mustard takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#CA6F00): A luminous, balanced gold — the color of old brass.
• Forest (#213C27): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#1C0811): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Black (#030002): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, 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

• Ember Corridor color palette (#FFF0F9, #D1663D, #4A2936, #180A14, #020102)
• Worn Parlor color palette (#E9FBEE, #A78600, #1D3C31, #031409, #000200)
• Timeworn Amber color palette (#F3DFE8, #D78343, #456B58, #503140, #120A12)
• Obsidian Chestnut color palette (#F0E4DA, #984D00, #2A2600, #170800, #050100)
• Dusty Stone color palette (#EAF9F3, #ADB573, #415A56, #1F2F29, #0C110E)
• Softworn Moss Canyon color palette (#D7FFF7, #53AB00, #0E472F, #001A16, #000201)
• Nocturne Station color palette (#F4EBCF, #5E4B00, #364149, #0C171A, #050600)
• Pine Workshop color palette (#C6EFEB, #008F32, #002C22, #1A181F, #000504)

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