Tempered Scarlet color palette — #EEDCD4 · #E13831 · #583800 · #2C1E17 · #140A0A

A conversation between Poppy and Cocoa, giving this palette its sense of optimism and energy.

The five colors

• Bone (#EEDCD4): A whisper-light, dusty orange — the color of toasted spice.
• Poppy (#E13831): A luminous, vivid orange — the color of toasted spice.
• Cocoa (#583800): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#2C1E17): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#140A0A): quiet, heavy and certain.

Feels like: Optimism, Energy, Balance. Tagged noir, dark, luxury, 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

• Bronze Studio color palette (#F7EADE, #BC6800, #4E3E00, #2A1F15, #130B08)
• Raspberry Studio color palette (#F8DFDC, #E40085, #642F00, #2E1C1B, #140A0C)
• Patina Coral Dune color palette (#F9E6DD, #DF7A67, #7F5644, #632904, #150A07)
• Dusty Veranda color palette (#F4D7CE, #A63400, #3F4C42, #2F2200, #140500)
• Muted Ember Hollow color palette (#FFF0FC, #CE6659, #4A2936, #1C0519, #020003)
• Worn Amber color palette (#FBF0E0, #C59200, #5F5B08, #3E372C, #26201C)
• Chalky Loft color palette (#FEDEC1, #EE8F2C, #8878B8, #4C72C6, #3D250B)
• Pale Coral color palette (#F8E0E2, #FF815C, #C66A00, #805C00, #413D0D)

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