Tempered Rose color palette — #F0DADA · #FF5050 · #B41900 · #761E00 · #412A00
A conversation between Scarlet and Brick, giving this palette its sense of optimism and warmth.
The five colors
- Shell Pink (#F0DADA): A whisper-light, dusty red — the color of a theater curtain.
- Scarlet (#FF5050): A luminous, vivid orange — the color of toasted spice.
- Brick (#B41900): A full-bodied, vivid orange — the color of toasted spice.
- Rust (#761E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Espresso (#412A00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.
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
- Quiet Orchard color palette (#F0DAD4, #F46214, #A54900, #632F00, #462400)
- Tempered Rose Workshop color palette (#F0DAE3, #F61B5B, #A90215, #542500, #271500)
- Timeworn Scarlet Atelier color palette (#FFE4F0, #FF7389, #DE0F09, #893A00, #482900)
- Frosted Brick color palette (#FFF0E6, #FFC58F, #DB9B00, #B53200, #552B00)
- Prism Byzantium Quarry color palette (#FFDBD1, #DF4C1E, #8923F5, #8B2500, #3B0072)
- Faded Plum color palette (#F1DBE6, #DE4F99, #BD0061, #7C0035, #5C001C)
- Misty Lantern color palette (#FFE7E3, #D30B0D, #776200, #830093, #4B0101)
- Tempered Coast color palette (#F7DEC9, #B87800, #875C00, #533C00, #253004)
Browse the whole catalog at Explore, or see today's palette.