Tempered Studio color palette — #EFF6FB · #D8DAE3 · #C1BCCE · #3F7E90 · #3F4A4F

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#D8DAE3): bright and airy, almost weightless.
• Ash (#C1BCCE): A luminous, dusty violet — the color of a velvet chair.
• Slate (#3F7E90): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F4A4F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Muted Petrol Bloom color palette (#F2F5FC, #DED6E3, #BFB6D4, #5663AD, #384050)
• Worn Abyss Courtyard color palette (#EAF8FF, #A9BBD6, #89879D, #556D60, #2C5856)
• Weathered Abyss Meadow color palette (#DBE8F1, #9FAABA, #767E9A, #003D54, #011623)
• Antique Cobalt Market color palette (#DBE6F2, #1B74C0, #2C3143, #16202A, #090C13)
• Linen Iris color palette (#EDF7FF, #77EBE6, #84C5FF, #9278C0, #2A4262)
• Hushed Aubergine color palette (#E2E3EB, #BBB6C3, #9A869F, #582A7B, #1D1D30)
• Turquoise Courtyard color palette (#E6FCE9, #35A7C0, #5A669A, #654800, #284052)
• Frosted Cerulean color palette (#ECF7FF, #3594BC, #92495B, #643F00, #393C00)

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