Tempered Violet color palette — #FBD0E2 · #9751F1 · #008663 · #006248 · #2D0E1D

Amethyst and Fern set the tone — five colors that lean into energy and balance.

The five colors

• Shell Pink (#FBD0E2): A whisper-light, dusty rose — the color of strawberry cream.
• Amethyst (#9751F1): A full-bodied, vivid violet — the color of a velvet chair.
• Fern (#008663): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#006248): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#2D0E1D): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: 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

• Orchid Cabin color palette (#F5D3E1, #A66BFF, #476E00, #005A3A, #2A111D)
• Sunlit Magenta Coast color palette (#FFE8EB, #CA5EC7, #339565, #20714A, #381D22)
• Byzantium Dune color palette (#FDD4DB, #B000BE, #007068, #004E48, #1A021D)
• Patina Raspberry Boulevard color palette (#F6D5D4, #DB1C9D, #008476, #006056, #2C1112)
• Faded Magenta color palette (#F6D9DE, #BE4CD2, #5B6C00, #004964, #002332)
• Indigo Atelier color palette (#EED5E8, #4F6FFF, #827200, #5F5300, #2A0E26)
• Washed Lantern color palette (#E0E1BE, #D356D6, #AE4100, #00515D, #3B1816)
• Worn Workshop color palette (#FFF1F3, #CE7CCA, #07A2AE, #367A81, #442A2F)

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