Tempered Rose color palette — #FFF2ED · #DF545F · #55241B · #1E0803 · #030000

A conversation between Scarlet and Espresso, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Scarlet (#DF545F): A luminous, vivid red — the color of late-summer berries.
• Espresso (#55241B): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#1E0803): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Dusty Amber color palette (#FFF2E9, #D1681B, #39342F, #1B0A01, #030100)
• Feathered Rose color palette (#F5E1DA, #FF566E, #885323, #4D362F, #140A0A)
• Tempered Tangerine color palette (#FFF2EB, #ED784B, #693800, #281B13, #090403)
• Washed Peony color palette (#FFF1F3, #BC64B3, #4C273D, #1D080B, #030101)
• Velvet Meadow color palette (#FBE3DB, #A63447, #35210B, #200E08, #0A0201)
• Ancient Moss Studio color palette (#FFF3E7, #E58F33, #77A822, #C15180, #2B1600)
• Amber Bloom color palette (#FFF4DD, #AB9000, #3F3F00, #1D1300, #030100)
• Muted Ridge color palette (#FEF3E6, #D6A460, #6F4E00, #32291F, #120F0B)

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