Tempered Rose color palette — #F7DED6 · #E74D60 · #72463E · #3F2922 · #0C0201

Scarlet and Coffee set the tone — five colors that lean into sophistication.

The five colors

• Shell Pink (#F7DED6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Scarlet (#E74D60): A luminous, vivid red — the color of embers at dusk.
• Coffee (#72463E): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#3F2922): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0C0201): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

One click turns Tempered Rose 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 Peony color palette (#F2DCDC, #DA4CA6, #724352, #422727, #0B0203)
• Aged Study color palette (#F4DAC8, #DA6400, #764708, #342E2A, #0A0301)
• Ancient Coral Ridge color palette (#FDE0D4, #E97164, #8B5129, #632807, #150A07)
• Washed Plum Quarry color palette (#FFE5DD, #C72D4D, #4E2700, #280D05, #0B0202)
• Patina Mustard Field color palette (#F9F1E5, #D7B163, #947731, #714D00, #26211A)
• Ancient Moss Balcony color palette (#EAE5CC, #A8C58A, #6CA15E, #9D654F, #2D2A06)
• Weathered Market color palette (#F4DCCB, #EA7E00, #81A500, #D05292, #331700)
• Pale Moss color palette (#F0E3C1, #B0A500, #75681B, #513F00, #181002)

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