Tempered Studio color palette — #FFF2ED · #EA464B · #3A342F · #1C0A04 · #030100

Scarlet and Ink set the tone — five colors that lean into energy and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Scarlet (#EA464B): A luminous, vivid orange — the color of sun-warmed clay.
• Espresso (#3A342F): quiet, heavy and certain.
• Ink (#1C0A04): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

Feels like: Energy, Sophistication. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Aged Amber color palette (#FFF3E9, #CF6B00, #423300, #1A0B01, #030100)
• Peony Hollow color palette (#FFF1F0, #D55297, #542420, #1C0908, #030101)
• Coral Boulevard color palette (#F8E1F4, #FD5D55, #76566B, #473644, #110B11)
• Deep Brick Field color palette (#EEDED5, #AC2700, #2A322C, #1D0F00, #030100)
• Wandering Marigold Thicket color palette (#FCF4EA, #D8A44C, #635400, #322A1F, #130E0B)
• Wandering Lantern color palette (#FFF3E9, #F0863A, #00A5D3, #6F75C3, #2C1400)
• Frosted Amber color palette (#FFF1F2, #FFB4A1, #D66900, #855800, #362800)
• Nocturne Olive Ridge color palette (#ECE6CD, #797C00, #002E0C, #191E18, #050400)

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