Tempered Amber color palette — #FFF3E7 · #E7DFB0 · #D28A00 · #6B4200 · #201100

Mustard takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Celadon Mist (#E7DFB0): A whisper-light, dusty green — the color of a quiet forest floor.
• Mustard (#D28A00): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#6B4200): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#201100): A deep, shadowed, dusty gold — the color of old brass.

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

• Hazy Dune color palette (#FFF5D7, #F4DB96, #A18800, #574900, #100B00)
• Marigold Atelier color palette (#FFEFDE, #F5A016, #955E00, #502F00, #1D0F00)
• Airy Dune color palette (#FCF7D2, #C1ECBB, #9AA64E, #5D5D00, #1F1F00)
• Quiet Amber Workshop color palette (#FFF3E9, #EDC999, #CC7A43, #993E38, #302700)
• Timeworn Ember color palette (#FFF2EE, #FFD5CB, #E7641B, #992000, #340500)
• Pale Mustard color palette (#FFF8BF, #AEAA37, #746800, #2D2A00, #020100)
• Gentle Loft color palette (#D3ED9E, #7FA839, #495D00, #0D1700, #010100)
• Worn Honey color palette (#F9EEFF, #B7EAFF, #FFC378, #4B2E00, #180C01)

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