Tempered Violet color palette — #F5F6EE · #83C17F · #8E68CA · #0B6110 · #301E26

Amethyst and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Mint Leaf (#83C17F): A luminous, balanced green — the color of new leaves after rain.
• Amethyst (#8E68CA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Pine (#0B6110): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#301E26): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Worn Violet color palette (#F3F7EE, #6AC39D, #8856A4, #007150, #311D23)
• Sapphire Garden color palette (#F6F6EB, #9DBB72, #2F6BC9, #4D6B0F, #2B202B)
• Antique Mint Corridor color palette (#E6F5F6, #43CDAA, #0080A7, #14755E, #041017)
• Mulberry Harbor color palette (#F4F7EC, #509C61, #874689, #584600, #2C3708)
• Aged Petrol color palette (#FFF2EA, #45AC93, #306DA8, #723E21, #2E4332)
• Antique Grape color palette (#EBF6E1, #00A780, #7100BB, #00543F, #18072A)
• Feathered Basin color palette (#ECF9F0, #A3FBB0, #27D5FB, #8279C4, #26493F)
• Azure Hollow color palette (#F1F8EC, #7CD9BD, #5195CD, #239579, #132923)

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