Tempered Violet color palette — #F2F5FF · #BDB4FF · #00BEB9 · #7857E2 · #002F2E

Amethyst and Turquoise set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#BDB4FF): A luminous, balanced violet — the color of twilight just after sunset.
• Turquoise (#00BEB9): A luminous, balanced teal — the color of glacier melt.
• Amethyst (#7857E2): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#002F2E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Tempered Studio color palette (#F5F4FF, #E0A6F0, #19B7E2, #A14CB7, #002D3A)
• Sapphire Loft color palette (#EEF6FF, #93C2FF, #52BE89, #0073E0, #00311C)
• Ancient Indigo Lagoon color palette (#F1F5FF, #B0B9FF, #E8848E, #6162E2, #49101B)
• Hazy Corridor color palette (#E9EEFF, #BBB4FF, #AECA22, #8576D7, #313A07)
• Wandering Iris color palette (#F3F4FF, #E9D8E0, #BAAEA3, #9788E1, #393651)
• Blush Alley color palette (#F2F4FF, #AB95EE, #DB6C91, #008AB4, #151834)
• Soft Bloom color palette (#FFF0FB, #FB7CE3, #00A5E9, #B4009E, #002133)
• Soft Aubergine color palette (#EAEDFF, #A177E6, #008B93, #6300B3, #000A0B)

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