Tempered Rose color palette — #FEDFD5 · #E54F67 · #73472E · #46261D · #0B0202

A conversation between Scarlet and Coffee, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FEDFD5): A whisper-light, dusty orange — the color of autumn markets.
• Scarlet (#E54F67): A luminous, vivid red — the color of late-summer berries.
• Coffee (#73472E): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#46261D): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0B0202): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Balance. 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

• Ember Courtyard color palette (#F8DECC, #DE6000, #675020, #4B2300, #0B0201)
• Patina Peony Orchard color palette (#EBD9D9, #DD44AF, #7A3F42, #462426, #0A0204)
• Moonless Crimson Archive color palette (#E9DCE8, #C92B44, #591C11, #200F20, #070309)
• Wandering Apricot Quarry color palette (#F1E1D6, #F18C58, #816D46, #6F3A07, #1E1614)
• Bronze Thicket color palette (#FFECDC, #9E5500, #3D3100, #1D1C10, #100400)
• Cellar Mulberry color palette (#F5E4F5, #A00031, #2E2E28, #2A0E22, #0C010D)
• Ember Meadow color palette (#FFDCE4, #FF837B, #DD5D00, #9B5500, #422E00)
• Mustard Coast color palette (#F3EAD4, #B4A300, #4B743E, #44413B, #190F04)

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