Tempered Scarlet color palette — #F2DED4 · #D44D39 · #59370D · #311B10 · #140B09

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

The five colors

• Parchment (#F2DED4): A whisper-light, dusty orange — the color of autumn markets.
• Poppy (#D44D39): A luminous, vivid orange — the color of sun-warmed clay.
• Cocoa (#59370D): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#311B10): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#140B09): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged noir, dark, luxury, muted.

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 Amber Delta color palette (#F1E1D5, #CA783F, #654700, #322D28, #1D1714)
• Bronze Harbor color palette (#EDDFCF, #A06B00, #3A3B00, #271700, #100400)
• Softworn Ember color palette (#FFF0FB, #CF6751, #4A2938, #190816, #020102)
• Washed Coral color palette (#F1DDEC, #F16B56, #506952, #473643, #100B14)
• Ancient Bloom color palette (#FFE4E3, #CB419E, #5F3031, #311A1B, #140A0D)
• Shadow Corridor color palette (#FBEBE1, #A13B00, #322000, #112221, #170300)
• Chestnut Grove color palette (#F6ECE1, #784400, #32413C, #1D1800, #050200)
• Linen Apricot Harbor color palette (#F9E0C9, #EE8F2C, #7168C7, #007FB2, #3D250B)

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