Tempered Amber color palette — #E7DDCB · #BB9600 · #6A6416 · #3F3C35 · #120C06

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

The five colors

• Bone (#E7DDCB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BB9600): A luminous, balanced green — the color of new leaves after rain.
• Olive (#6A6416): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3F3C35): quiet, heavy and certain.
• Ink (#120C06): a grounded near-black with real depth.

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

• Dusty Dune color palette (#F1DFCF, #E17D00, #7A5D10, #593100, #130B08)
• Timeworn Moss color palette (#E8E5CE, #87AA00, #3C6D53, #3D3D36, #100D07)
• Lime Orchard color palette (#E9E5D2, #ABB419, #6B7731, #574900, #1B1812)
• Amber Canyon color palette (#FFF4DE, #A38700, #37352E, #150E03, #020100)
• Washed Mint Archive color palette (#F1F4E4, #83CB89, #6F8268, #525A0E, #23221C)
• Inked Chestnut Quarry color palette (#D3EEDC, #796200, #092C22, #001106, #010301)
• Dusty Jade Summit color palette (#DEEBD1, #00BD90, #00757E, #40433C, #121305)
• Weathered Moss color palette (#FAEBCC, #CCBE3E, #8EA700, #4D8C39, #114127)

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