Tempered Coral color palette — #F8EEF7 · #CF8385 · #655259 · #3D353D · #232027

Dusty Rose and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Blush (#F8EEF7): bright and airy, almost weightless.
• Dusty Rose (#CF8385): A luminous, balanced red — the color of embers at dusk.
• Charcoal Brown (#655259): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#3D353D): a grounded near-black with real depth.
• Onyx (#232027): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

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

• Blush Lagoon color palette (#F8EEF8, #F69999, #8F7182, #5C505B, #242025)
• Weathered Workshop color palette (#D9EADC, #B48716, #38544D, #253128, #1E151A)
• Timeworn Alley color palette (#FFF0F8, #E49F79, #7EA7DD, #8886B4, #4F3C46)
• Hushed Boulevard color palette (#FBEFEA, #AC6667, #5E2D00, #36241D, #1A1511)
• Pale Ember Canyon color palette (#F0E0EA, #E24C00, #564208, #371B2F, #170D1A)
• Weathered Amber color palette (#FFF1F6, #ECB88C, #72BCDD, #B67E4D, #345163)
• Weathered Bronze color palette (#FCE1EE, #B15300, #123C27, #240D1A, #080308)
• Tempered Driftwood Archive color palette (#F3F4FF, #E2D4E9, #A3B1A2, #79899D, #485361)

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