Tempered Studio color palette — #CBDFFF · #406FFF · #896300 · #203E9C · #372500

Sapphire takes the lead with Indigo close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Powder Blue (#CBDFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sapphire (#406FFF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ochre (#896300): A full-bodied, balanced gold — the color of honey in a jar.
• Indigo (#203E9C): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#372500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Calm, Energy, Balance. Tagged vibrant, cool.

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

• Misty Workshop color palette (#C5E2FD, #0084D2, #965A00, #004C7C, #3D2200)
• Linen Grove color palette (#E8EEFF, #7F7EE9, #967300, #4D4B97, #443300)
• Violet Corridor color palette (#D2DDFF, #8673FF, #537800, #392881, #1E2F00)
• Amethyst Lagoon color palette (#E4DDFF, #7E2CF1, #695900, #45008E, #211A00)
• Hushed Sapphire color palette (#E5EFFF, #0C59F0, #6B5F00, #35511A, #0E1F38)
• Ancient Nightshade color palette (#FEE8FA, #5A7AD0, #AC3F61, #1930AF, #29000E)
• Powdered Parlor color palette (#D2DFF4, #6893F9, #D2547C, #2F58C9, #4B0D24)
• Ancient Sapphire color palette (#EDD6E9, #86ADFF, #D6A21F, #336BF3, #362600)

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