Tempered Studio color palette — #EAF7FF · #D8C193 · #247D96 · #1E485C · #11242E

Built around Slate, softened by Sand — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF7FF): bright and airy, almost weightless.
• Sand (#D8C193): A luminous, dusty gold — the color of honey in a jar.
• Slate (#247D96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1E485C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#11242E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Wandering Oat Courtyard color palette (#EFF6FE, #B8DCBF, #68809B, #3A4F67, #242C35)
• Cerulean Pier color palette (#EBF9F1, #FDE2AC, #13839F, #1D412F, #06130C)
• Faded Mustard Orchard color palette (#F1F5FF, #E2B346, #5761AC, #2D3272, #0F1933)
• Muted Workshop color palette (#EBF9F3, #FFC4C0, #459FD1, #3D6983, #13261F)
• Wandering Denim color palette (#EEF6FD, #D89D99, #05587D, #00324A, #171B2A)
• Misty Marigold Coast color palette (#D5E7F8, #D5A21D, #006095, #00314F, #001121)
• Worn Cerulean Parlor color palette (#EEF6FD, #8BCEF5, #9282C9, #2B8AB9, #1F2236)
• Azure Workshop color palette (#EDF6FF, #3F9BD4, #A65E5F, #6A5910, #093138)

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