Tempered Amber color palette — #FFF1F0 · #F7ADAF · #D87F5C · #966B40 · #55514A

Coral Clay takes the lead with Rose Quartz close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Rose Quartz (#F7ADAF): A luminous, balanced red — the color of embers at dusk.
• Coral Clay (#D87F5C): A luminous, balanced orange — the color of autumn markets.
• Walnut (#966B40): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#55514A): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, 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

• Antique Blush color palette (#FFF1F3, #E9ACD1, #E47F96, #A26359, #524C47)
• Amber Basin color palette (#FFF2EC, #F3B2A3, #78B9EA, #C07565, #30564B)
• Hushed Workshop color palette (#FFF2EB, #DCC7AE, #C38C77, #8E6B63, #5A4400)
• Softworn Garden color palette (#FFF2EC, #ECB685, #BB9C35, #757B3B, #4B4C44)
• Linen Tangerine Canyon color palette (#FCDAD5, #F27736, #9D6400, #665300, #223600)
• Muted Periwinkle Atelier color palette (#FFF2EB, #E49E84, #72AADF, #8186BC, #48413D)
• Powdered Boulevard color palette (#EDE0D5, #907B00, #585E00, #063A04, #001710)
• Aged Cocoa color palette (#FFE9FA, #CDD5FF, #FFB797, #703A0A, #35302D)

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