Tempered Coral color palette — #F9F2FF · #F7BFCC · #D57F79 · #A45F41 · #66390A

A conversation between Coral Clay and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Carnation (#F7BFCC): A whisper-light, dusty red — the color of a theater curtain.
• Coral Clay (#D57F79): A luminous, balanced orange — the color of toasted spice.
• Ochre (#A45F41): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#66390A): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Coral 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

• Powdered Blush color palette (#F4F4FF, #F0BCE4, #D485AB, #A05564, #72312B)
• Hushed Amber Terrace color palette (#FFF0FE, #FFCBDC, #E3A6A5, #BC805C, #5A3E00)
• Airy Coral color palette (#F6DDDD, #F28061, #AA5600, #684500, #292000)
• Tempered Amber color palette (#FFF0FA, #FAC09F, #C58F45, #876C1D, #4A4908)
• Amber Market color palette (#ECF9EE, #EDA7BB, #C57D64, #457B69, #514252)
• Antique Amber color palette (#FDD7CB, #D27200, #7F5700, #453B00, #141800)
• Ember Bloom color palette (#FFE5E9, #FF9D94, #D76200, #8B5000, #412F00)
• Hushed Coral color palette (#FBEDF9, #DC7B7B, #6B4E5F, #3E343D, #242025)

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