Tempered Studio color palette — #F8EAEF · #7BB8E8 · #4465AC · #004E56 · #2B284B

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8EAEF): bright and airy, almost weightless.
• Sky (#7BB8E8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#4465AC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#004E56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#2B284B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Petrol Boulevard color palette (#F3E4EA, #90B9D9, #5465AC, #004B4B, #1C0834)
• Sunlit Sapphire Garden color palette (#FFF1F6, #62C3FB, #0065E3, #005559, #2B2867)
• Antique Petrol Canyon color palette (#F8E9F4, #61C3C9, #00748F, #005239, #003150)
• Washed Cornflower Dune color palette (#F5EDE4, #9DD1C0, #6881D1, #006C6A, #33244F)
• Periwinkle Atelier color palette (#F5EDE1, #B0DFD0, #6FA5F5, #008DA8, #212955)
• Wandering Boulevard color palette (#FEF1FA, #6AE2F7, #008ABC, #006856, #204168)
• Cerulean Pier color palette (#EDD9E3, #2E9CC3, #004C81, #00302E, #060B3C)
• Ash Coast color palette (#F1F7F0, #DBDDEE, #8998C3, #407883, #4D5165)

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