Tempered Amber color palette — #F7E9D1 · #BCB37E · #A88B32 · #896417 · #2D2301

Mustard and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F7E9D1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#BCB37E): A luminous, dusty green — the color of a quiet forest floor.
• Mustard (#A88B32): A luminous, balanced green — the color of fresh herbs.
• Ochre (#896417): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2D2301): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, 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

• Timeworn Pier color palette (#F0E7D1, #C3C690, #A8A05B, #87794B, #32312A)
• Amber Bloom color palette (#F6E3D7, #E2A179, #BF7B5E, #995647, #361E04)
• Muted Bronze color palette (#E9FBED, #B4B782, #8F721B, #673900, #001713)
• Washed Driftwood color palette (#D1E8D8, #958735, #685200, #412D00, #00130A)
• Basalt Coast color palette (#FFF3E9, #ECC9A8, #CCA288, #AC7B65, #563500)
• Pale Drift color palette (#E2EAD7, #00B07E, #C75720, #886300, #121100)
• Olive Atelier color palette (#CFE4D5, #00B0C6, #9E8BE6, #517709, #01220F)
• Antique Mint Terrace color palette (#D5E2D5, #A5C579, #008B89, #005453, #020F02)

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