Tempered Amber color palette — #E8DCD3 · #D88141 · #747A00 · #9E4E00 · #020200

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Bone (#E8DCD3): bright and airy, almost weightless.
• Mustard (#D88141): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#747A00): A full-bodied, balanced green — the color of fresh herbs.
• Ochre (#9E4E00): A full-bodied, balanced gold — the color of old brass.
• Black (#020200): a grounded near-black with real depth.

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

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

• Wandering Amber Loft color palette (#E8DCCA, #C09200, #008953, #826200, #000201)
• Weathered Brick color palette (#F7E8E3, #F16668, #956B00, #C2002A, #030100)
• Ancient Amber Archive color palette (#EBDDCF, #B38A00, #797500, #354E00, #011000)
• Pale Nightshade Field color palette (#EDDBCB, #A66200, #00727A, #3100C4, #060002)
• Amber Archive color palette (#FFEDD2, #AF7F00, #5C7200, #004885, #0F0B00)
• Ancient Rust color palette (#F3E0D6, #C66246, #006432, #7C1F00, #010200)
• Hushed Bronze Alley color palette (#ECE6DE, #AFB2A1, #90A17E, #986600, #1E1101)
• Timeworn Bronze color palette (#F3DBE6, #9F4F00, #1D4000, #441E00, #000201)

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