Tempered Amber color palette — #FDF0DC · #C78F56 · #726E2F · #004D6D · #2F1F06

A conversation between Mustard and Peacock, giving this palette its sense of nature and growth.

The five colors

• Cream (#FDF0DC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#C78F56): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#726E2F): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#004D6D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2F1F06): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Muted Boulevard color palette (#FDF0DC, #9CA262, #417953, #41406E, #26240A)
• Dusty Chapel color palette (#FCF0DD, #D38286, #8F5E38, #00524D, #361A0C)
• Amber Loft color palette (#FCF0E2, #B5823E, #00765A, #2A3E70, #3B071B)
• Navy Pier color palette (#FFF1F6, #C3857F, #776B08, #4D4089, #4F3341)
• Frosted Orchard color palette (#F7E8CA, #9E7900, #415C00, #002E68, #151200)
• Dusty Petrol Balcony color palette (#E8FBEC, #DAA571, #8E8946, #0A6B95, #29452D)
• Washed Study color palette (#FEE4C7, #C8BEA1, #8C8F68, #3F5F58, #49323E)
• Timeworn Lantern color palette (#F5F2E6, #B7B68D, #5B8060, #7D441C, #2A2810)

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