Tempered Amber color palette — #DCF2E7 · #CB8500 · #5F5B00 · #2C2A00 · #000201

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DCF2E7): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#CB8500): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#5F5B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#2C2A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Antique Amber color palette (#F4DCE3, #B19300, #7D4B00, #3B2100, #060002)
• Hazy Terrace color palette (#CDE5E3, #E47200, #006B27, #00320E, #000202)
• Worn Villa color palette (#E9DFC5, #A57C00, #3F3900, #121000, #030200)
• Dusty Bronze color palette (#EFE6CA, #885F00, #32393F, #221F00, #030300)
• Antique Marigold Loft color palette (#D2EBE2, #FFA947, #738A00, #465500, #00140E)
• Amber Study color palette (#D3E4D9, #B49800, #00838E, #7A6600, #000203)
• Softworn Coral color palette (#D7EDF4, #EF7F84, #00767A, #004244, #000305)
• Mulberry Grove color palette (#DBECDC, #A17100, #0072C4, #A00029, #080400)

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