Tempered Amber color palette — #FFEBEF · #F4C3E1 · #EA98AD · #C97165 · #564F4A

Built around Coral Clay, softened by Ballet Pink — the whole palette hums with warmth and comfort.

The five colors

• Blush (#FFEBEF): A whisper-light, dusty red — the color of late-summer berries.
• Thistle (#F4C3E1): A whisper-light, dusty pink — the color of neon signs at night.
• Ballet Pink (#EA98AD): A luminous, balanced red — the color of embers at dusk.
• Coral Clay (#C97165): A luminous, balanced orange — the color of autumn markets.
• Charcoal Brown (#564F4A): a grounded near-black with real depth.

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

• Dusty Market color palette (#F7F3FF, #F0BBCF, #D6879B, #AE5B60, #5F4258)
• Hushed Mallow color palette (#EBE9FF, #E895C0, #B66E80, #77463A, #442936)
• Hushed Amber Veranda color palette (#FFF2EF, #FFC6C1, #E4A279, #B1843A, #514E47)
• Softworn Blush Market color palette (#FEF2F0, #F9C7BE, #7BD8E1, #E886A0, #38553E)
• Washed Tangerine Study color palette (#FFD9E4, #F69992, #E8733C, #A77100, #453800)
• Washed Corridor color palette (#FFDBE0, #E46C48, #B95E00, #745400, #202000)
• Washed Studio color palette (#FFF2EF, #E0DDCE, #B5C1CE, #DAA6BC, #784113)
• Shell Terrace color palette (#F6F3FF, #C2E0FF, #FFC1C7, #7A5F58, #3D322F)

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