Tempered Amber color palette — #FDEDFF · #FFCACD · #F3A29D · #C97567 · #644259

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

The five colors

• Blush (#FDEDFF): A whisper-light, dusty pink — the color of neon signs at night.
• Shell Pink (#FFCACD): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#F3A29D): A luminous, balanced orange — the color of toasted spice.
• Coral Clay (#C97567): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#644259): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Warmth, Comfort, Softness, Clarity. Tagged light, 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

• Muted Coral Villa color palette (#FDF1FB, #FCC6BE, #C5BDFF, #E68C80, #444B6A)
• Worn Blush Villa color palette (#FFE1DB, #ED939A, #B46A6A, #814D46, #37302D)
• Softworn Ash Harbor color palette (#F5F3FF, #E9C2E8, #DDA2D1, #C07CA8, #5B4C68)
• Tangerine Dune color palette (#FFD4CD, #FFA88D, #FF702B, #CD6000, #5A2D00)
• Washed Mallow Lantern color palette (#FFF0FA, #EFB8AA, #CAC07C, #CF9ACB, #4F3B49)
• Dusty Amber color palette (#FFF1F7, #F9CDA4, #D9A96A, #B18537, #34543D)
• Airy Study color palette (#FAD5D5, #CB4540, #A32000, #6E2300, #170500)
• Taupe Chapel color palette (#EAFAF0, #C5E1D3, #9AC0AA, #A49061, #374D45)

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