Tempered Amber color palette — #F7E2E9 · #C47700 · #54581A · #452431 · #080307

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

The five colors

• Rose Water (#F7E2E9): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#C47700): A luminous, balanced gold — the color of old brass.
• Olive (#54581A): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#452431): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#080307): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Timeworn Basin color palette (#DEF4E2, #B18300, #415D26, #1F3624, #090206)
• Patina Ember color palette (#FAE6F4, #EF481C, #674F20, #3F2638, #060308)
• Hushed Bronze Pier color palette (#FFE9D2, #9D6300, #3D3200, #221201, #0A0300)
• Hushed Mustard Field color palette (#DBE8E0, #C1AB24, #477B76, #3C4F44, #1D1619)
• Soft Moss color palette (#D4E6E0, #82A000, #006950, #2E3A01, #010A03)
• Softworn Olive color palette (#D2F9E7, #6E7000, #003D23, #102022, #000A05)
• Quiet Marigold color palette (#FFE9DE, #E89E00, #AC8C00, #567500, #00340F)
• Feathered Chartreuse color palette (#CBE5DA, #C2CD31, #8797FF, #6F7600, #1E2351)

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