Tempered Scarlet color palette — #FBE2F7 · #E54540 · #5C3F12 · #341D31 · #160D1D

Scarlet takes the lead with Cocoa close behind in a set that reads as optimism and energy at first glance.

The five colors

• Blush (#FBE2F7): A whisper-light, dusty pink — the color of peonies in June.
• Scarlet (#E54540): A luminous, vivid orange — the color of sun-warmed clay.
• Cocoa (#5C3F12): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#341D31): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#160D1D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Energy, Balance. Tagged noir, dark, luxury.

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

• Antique Rose Courtyard color palette (#F4E9F6, #F11C67, #5B3949, #311E34, #130F1C)
• Amber Harbor color palette (#FFDAEA, #C66B00, #4A4710, #351E29, #190C19)
• Misty Rose Atelier color palette (#FFF2ED, #FF3E43, #543400, #290A01, #040101)
• Tempered Rust Loft color palette (#F0DFEA, #C43B00, #193B23, #220E1D, #07020A)
• Worn Coral color palette (#F4D8EE, #FF6A59, #935529, #51384C, #170E18)
• Brick Bloom color palette (#F7E1D7, #C40B08, #451F00, #2D0D00, #110600)
• Charred Chestnut Market color palette (#FCDCE9, #8F4D00, #272500, #18000C, #010200)
• Ancient Bronze Harbor color palette (#F2EDDB, #8F7400, #17430C, #221A00, #12020A)

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