Tempered Amber color palette — #FCDFCD · #D97A00 · #AD6C00 · #7C5300 · #2F2000

Mustard takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FCDFCD): A whisper-light, dusty gold — the color of old brass.
• Mustard (#D97A00): A luminous, balanced gold — the color of old brass.
• Ochre (#AD6C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#7C5300): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2F2000): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Bronze Villa color palette (#D1E9D1, #B99A5D, #A67000, #7F4D0B, #1D1500)
• Amber Dune color palette (#FFE8E3, #E37622, #955700, #453300, #131000)
• Amber Workshop color palette (#DAF7DD, #CA9000, #00A68C, #926800, #00211A)
• Rust Balcony color palette (#F5DEDC, #F16953, #CA4300, #8C3A00, #381600)
• Hushed Mustard Ridge color palette (#EADEBC, #C7AB00, #9D9000, #6F7000, #333900)
• Lime Grove color palette (#F3DFB0, #AFD49C, #AAC359, #B88115, #2A2200)
• Crimson Hollow color palette (#F9EAD3, #B68200, #1F9D3A, #CE2950, #1A0F00)
• Marigold Pier color palette (#FFE4CB, #F0BC79, #D8A74E, #997B29, #584B1B)

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