Tempered Scarlet color palette — #FDE7F7 · #CE2100 · #5F6800 · #56316D · #31202D

Brick and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FDE7F7): A whisper-light, dusty pink — the color of neon signs at night.
• Brick (#CE2100): A full-bodied, vivid orange — the color of toasted spice.
• Olive (#5F6800): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#56316D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#31202D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Tempered Scarlet 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

• Softworn Garden color palette (#FFF0FC, #BD1703, #504F00, #491B5E, #25172B)
• Bronze Canyon color palette (#FFF1F7, #C16500, #4D803E, #6F4163, #3F2C35)
• Quiet Plum color palette (#F3EAFF, #BA298D, #885305, #1C437E, #2B2235)
• Worn Pine Hollow color palette (#E0F6DE, #9A6300, #00753B, #6A2A4D, #192C18)
• Washed Balcony color palette (#F5E3F0, #B55343, #007568, #004969, #1B0818)
• Ancient Study color palette (#FCF2F6, #CEE1DB, #A9B8AC, #835932, #43373B)
• Faded Cocoa Field color palette (#F3D7E8, #883200, #334C00, #44024B, #1D0500)
• Softworn Courtyard color palette (#FFF1F8, #DE7C3F, #715C00, #7E3800, #071D11)

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