Tempered Studio color palette — #F9E1D7 · #CB4641 · #593000 · #570106 · #030100

Brick and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F9E1D7): A whisper-light, dusty orange — the color of toasted spice.
• Brick (#CB4641): A full-bodied, vivid orange — the color of sun-warmed clay.
• Cocoa (#593000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#570106): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged duotone, warm.

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

• Hushed Bronze color palette (#F8ECE1, #B16400, #413E00, #422200, #010100)
• Wandering Lantern color palette (#F3DAD8, #C14581, #720D00, #53002F, #040000)
• Obsidian Ridge color palette (#F0E0ED, #AC060C, #3A2200, #3E0101, #000300)
• Muted Meadow color palette (#ECE3DF, #C9B7AA, #9F8E7E, #6A1F00, #030100)
• Muted Tangerine color palette (#FFE8D5, #FD6D32, #C06A00, #654900, #020100)
• Eclipse Chestnut color palette (#F2E5DA, #824000, #2F2D00, #110016, #040000)
• Mulberry Coast color palette (#FEE9E5, #C76785, #636A00, #A10051, #020200)
• Frosted Terracotta color palette (#FFF2E9, #FBA270, #947000, #9D4600, #020100)

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