Tempered Coral color palette — #F8EEF8 · #E47578 · #67505B · #3D353D · #232026

A conversation between Watermelon and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Blush (#F8EEF8): a clean, paper-quiet neutral.
• Watermelon (#E47578): A luminous, balanced red — the color of embers at dusk.
• Charcoal Brown (#67505B): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#3D353D): a grounded near-black with real depth.
• Onyx (#232026): quiet, heavy and certain.

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

• Washed Wisteria color palette (#F3EFFE, #D175C5, #605362, #393641, #212126)
• Weathered Amber color palette (#FFECF2, #D38924, #4A5D53, #413438, #261F24)
• Blush Orchard color palette (#FEEEE8, #F09C9E, #A17038, #654F48, #281F1F)
• Aged Ember color palette (#EFDBE7, #DE5300, #584018, #351D2D, #170E18)
• Patina Apricot color palette (#FFF1F7, #EF9A57, #62AFD5, #7794BA, #4F3C44)
• Tempered Studio color palette (#FFF1F7, #FCB17D, #77BAE5, #B37F5A, #385063)
• Tempered Oat Boulevard color palette (#ECF9F2, #C0DBB1, #79A88E, #7D7B8D, #3F524E)
• Chestnut Lantern color palette (#D9E9D8, #825600, #252600, #020D02, #050003)

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