Tempered Coral color palette — #FAF1FF · #FFC3D0 · #EE9BA4 · #CF7D7E · #644960

Dusty Rose and Rose Quartz set the tone — five colors that lean into warmth and comfort.

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Shell Pink (#FFC3D0): A whisper-light, dusty red — the color of late-summer berries.
• Rose Quartz (#EE9BA4): A luminous, balanced red — the color of embers at dusk.
• Dusty Rose (#CF7D7E): A luminous, balanced red — the color of embers at dusk.
• Charcoal Brown (#644960): A full-bodied, dusty pink — the color of neon signs at night.

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

• Weathered Stone Thicket color palette (#FFF0FC, #E7D5D7, #E4A0A3, #9FB4C7, #5F4D59)
• Worn Blush Chapel color palette (#FFDCD8, #E693AA, #BE707D, #824D51, #3A3330)
• Weathered Lilac color palette (#F4F4FF, #EACBF8, #DCA6E3, #B778B4, #554869)
• Mallow Courtyard color palette (#FFF0FD, #FBB1AD, #D4BB7C, #C69DD5, #4E3B4C)
• Amber Quarry color palette (#FFF0F9, #FCCAAA, #E5A977, #C6894B, #3B553B)
• Worn Rust color palette (#FFDBDB, #FF9B91, #FF7056, #C84100, #702D00)
• Hushed Lantern color palette (#FFE4DE, #F3896E, #E95900, #9F4B00, #4A2400)
• Dusty Ridge color palette (#EEF8F0, #C4E2CE, #9EC0A5, #AC8C5E, #384D42)

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