Tempered Studio color palette — #F9E9EE · #507DA3 · #282A8A · #001F20 · #020007

A conversation between Indigo and Slate, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9E9EE): bright and airy, almost weightless.
• Slate (#507DA3): A full-bodied, dusty blue — the color of open sky before noon.
• Indigo (#282A8A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, 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

• Dusty Workshop color palette (#E6DDE3, #478290, #003F64, #002015, #00000C)
• Washed Harbor color palette (#F2E9DA, #83A6C6, #1D4FA7, #002A35, #01000A)
• Midnight Aubergine Loft color palette (#D3F9F3, #286C1A, #3B0071, #052600, #020007)
• Petrol Dune color palette (#DFF4EE, #4BA08B, #05689A, #402D00, #000501)
• Muted Cobalt color palette (#F8EEF5, #ADCDDE, #4E80B1, #005D4B, #191A45)
• Nocturne Aubergine Canyon color palette (#DEF8E5, #004825, #3F0078, #370036, #000200)
• Fern Hollow color palette (#F6EADD, #5D4C00, #273300, #001A02, #000201)
• Antique Terrace color palette (#F6EFF4, #D4D2E7, #7AA1C2, #317A61, #2B364C)

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