Tempered Studio color palette — #FFEFDD · #E09525 · #0077CC · #7E4F00 · #002140

Royal Blue takes the lead with Mustard close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFEFDD): A whisper-light, dusty gold — the color of old brass.
• Mustard (#E09525): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#0077CC): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#7E4F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002140): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Gentle Marigold color palette (#E2FEE4, #D19725, #0076B5, #7A5400, #003E62)
• Gentle Cobalt color palette (#F2E8D4, #AB8E21, #6674C6, #675300, #121445)
• Tangerine Courtyard color palette (#FFEEE4, #E5724C, #0090B6, #9D3100, #002531)
• Antique Cornflower color palette (#E7FCE5, #FFAB31, #188FEA, #A46900, #003C6A)
• Olive Garden color palette (#F6F2DF, #A2AA69, #8D81CD, #636B00, #272143)
• Violet Courtyard color palette (#F7F3D9, #9DB526, #7F59CA, #556300, #280751)
• Pale Grape Harbor color palette (#FFE0B0, #AC7700, #008689, #824295, #231500)
• Feathered Taupe color palette (#F8E6D2, #BF9A4B, #905F1F, #6C3000, #221C00)

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