Tempered Amber color palette — #EFDEDC · #E5A16B · #B68A00 · #707000 · #132B00

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

The five colors

• Parchment (#EFDEDC): bright and airy, almost weightless.
• Camel (#E5A16B): A luminous, balanced gold — the color of old brass.
• Mustard (#B68A00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#707000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#132B00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Olive Atelier color palette (#FFDBD2, #EAB784, #B9A130, #688200, #003B17)
• Dusty Amber color palette (#F8DDE5, #F58D8A, #D87100, #885C00, #2B2600)
• Quiet Amber color palette (#EFDCD1, #C79000, #887C00, #376200, #00190D)
• Tempered Lapis color palette (#EEDBC3, #F48A55, #9E9316, #524BB9, #361E00)
• Quiet Mustard Balcony color palette (#FFF2E6, #EDAA14, #917100, #504400, #131300)
• Muted Moss color palette (#F2E2CD, #C0B657, #61A525, #007B47, #002928)
• Dusty Thicket color palette (#F9ECDA, #B28200, #505929, #332F29, #0A0300)
• Washed Amber Parlor color palette (#F3EDE9, #D3D4C8, #B4BCA9, #DD6F00, #3A2A1E)

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