Tempered Amber color palette — #FFF2ED · #E1D3CC · #F9AFAD · #CB8439 · #4D4642

Built around Mustard, softened by Rose Quartz — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E1D3CC): bright and airy, almost weightless.
• Rose Quartz (#F9AFAD): A whisper-light, balanced orange — the color of sun-warmed clay.
• Mustard (#CB8439): A luminous, balanced gold — the color of honey in a jar.
• Charcoal (#4D4642): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Hushed Chestnut color palette (#FFF2EC, #E4AE94, #B6794C, #8C5813, #534E48)
• Moss Workshop color palette (#FCF4EC, #E6D8CB, #EFB578, #9FA64D, #504B45)
• Antique Pewter Station color palette (#FFF2EE, #D4BFB2, #A29482, #5D785B, #2F5858)
• Patina Amber color palette (#FFF3E7, #FAA391, #D88400, #8B8100, #432F00)
• Aged Blush color palette (#FFF1F2, #ECD6E8, #F5ACE0, #DE8591, #5D3D3C)
• Taupe Grove color palette (#FFEEE7, #EBCBCE, #DBB586, #A59740, #362416)
• Feathered Amber color palette (#FFEFE3, #FE939A, #E66B00, #6D6000, #2E1B00)
• Washed Bronze Study color palette (#FCF4EC, #CDA886, #689DD3, #A36010, #31506F)

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