Tempered Study color palette — #DBE6FA · #5474FF · #5044DC · #3A228C · #1F0C43

Iris and Sapphire set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#DBE6FA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sapphire (#5474FF): A luminous, vivid violet — the color of a velvet chair.
• Iris (#5044DC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#3A228C): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#1F0C43): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Energy. Tagged vibrant.

Use it as a design system

One click turns Tempered Study 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

• Grape Terrace color palette (#E0E2FB, #8369FF, #7332DB, #551D8A, #2E0942)
• Frosted Ultramarine color palette (#D2E9FF, #0383ED, #0057CC, #1A2E8D, #0F1249)
• Pale Nightshade color palette (#DBE7F5, #3B6BE1, #452BC2, #310075, #2B0948)
• Muted Lapis Market color palette (#D0ECFA, #4493EB, #414BDC, #4D007D, #200027)
• Tempered Market color palette (#E9DAE3, #7C6AFF, #00877C, #4D32B9, #00201D)
• Hazy Orchid color palette (#F0E9FF, #AA6EFF, #7543C3, #410A74, #0F0025)
• Sunlit Mallow color palette (#EADAE0, #E4A3FF, #C87FBE, #675D9F, #2B1937)
• Soft Corridor color palette (#E4DCFB, #8E27FF, #C0005D, #006082, #150929)

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