Tempered Field color palette — #EDDDEE · #FF326D · #8B3F2B · #5C1928 · #0D0215

Scarlet and Burnt Sienna set the tone — five colors that lean into warmth and comfort.

The five colors

• Blush (#EDDDEE): A whisper-light, dusty pink — the color of neon signs at night.
• Scarlet (#FF326D): A luminous, vivid red — the color of embers at dusk.
• Burnt Sienna (#8B3F2B): A full-bodied, balanced orange — the color of autumn markets.
• Mulberry (#5C1928): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#0D0215): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Warmth, Comfort, Energy, Balance. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Ember Canyon color palette (#F6DBEB, #ED5D03, #7B4E13, #5B1F01, #0F030E)
• Magenta Balcony color palette (#F4E6EF, #EE2EC5, #863E52, #4D2441, #080515)
• Raspberry Loft color palette (#EEDAF2, #DB005D, #582A00, #330814, #090416)
• Mulberry Pier color palette (#F8E3E5, #AA0040, #3C0A00, #111208, #170004)
• Timeworn Drift color palette (#F2DCE3, #D18833, #4A6A55, #52313D, #130A0F)
• Wandering Stone Canyon color palette (#F9EEF8, #EF9D9A, #8B7380, #5F4E5D, #242026)
• Feathered Ember color palette (#FFE2E5, #FF817D, #F45812, #B15500, #4E2A00)
• Bronze Loft color palette (#DEF0DE, #A16E00, #4B4300, #2A1A00, #060002)

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