Tempered Studio color palette — #FFEBF7 · #C54900 · #3C600E · #004152 · #371F46

Terracotta and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFEBF7): A whisper-light, dusty pink — the color of a candy shop window.
• Terracotta (#C54900): A full-bodied, vivid orange — the color of sun-warmed clay.
• Olive (#3C600E): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#004152): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#371F46): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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

• Timeworn Crimson Coast color palette (#FAEDFB, #CE2F5C, #615400, #004440, #23264F)
• Amber Workshop color palette (#FFF1F6, #C27200, #267447, #0C4C77, #4D2946)
• Washed Courtyard color palette (#F7E8F8, #BE5464, #326400, #00316A, #130838)
• Washed Thicket color palette (#FFEEE6, #DA7269, #238557, #1E4F8F, #0D2A55)
• Navy Archive color palette (#D3F1D9, #8A6800, #00594B, #111392, #480023)
• Chalky Cabin color palette (#FBECE0, #CA8600, #866200, #574900, #213E1D)
• Airy Chestnut Quarry color palette (#F3DCE7, #884100, #0F4300, #002330, #1F002C)
• Weathered Orchard color palette (#FFDED2, #C19F6D, #767846, #3B5768, #2D425C)

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