Tempered Amber color palette — #FCEBDF · #C89038 · #8B6800 · #504800 · #143B17

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

The five colors

• Cream (#FCEBDF): A whisper-light, dusty gold — the color of old brass.
• Mustard (#C89038): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#8B6800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#504800): A deep, shadowed, balanced green — the color of fresh herbs.
• Forest (#143B17): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Ancient Bronze color palette (#FBDDD6, #DD8158, #A15500, #704300, #393E05)
• Olive Pier color palette (#EFECDB, #A49E3C, #667700, #2B5A01, #15411F)
• Tempered Cocoa Atelier color palette (#F4E6CC, #9A9A6D, #73622B, #5D3C00, #31312A)
• Aged Bronze Thicket color palette (#F6D9CF, #E39B61, #9C7B00, #616800, #314713)
• Olive Corridor color palette (#EEE9D7, #757200, #384700, #162B00, #001603)
• Wandering Cobalt color palette (#F9EDD4, #A48C27, #5972C8, #675500, #243162)
• Powdered Mulberry Coast color palette (#F3E4BD, #887B00, #007895, #873B6D, #372900)
• Washed Pier color palette (#FFF4DB, #CCE1B2, #97C3A4, #7D6232, #3D3B34)

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