Tempered Workshop color palette — #E7DCF1 · #C9679D · #507407 · #1915A0 · #3B0032

Indigo and Hot Pink set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#E7DCF1): A whisper-light, dusty violet — the color of twilight just after sunset.
• Hot Pink (#C9679D): A luminous, balanced rose — the color of pressed rose petals.
• Olive (#507407): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#1915A0): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#3B0032): A deep, shadowed, balanced pink — the color of a candy shop window.

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

Use it as a design system

One click turns Tempered Workshop 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 Alley color palette (#FAECFC, #CC7A86, #6E7A00, #005485, #53091E)
• Faded Aubergine Harbor color palette (#F1D9E9, #D05F3F, #00755A, #571490, #390036)
• Peony Study color palette (#E4DEF0, #B665A6, #7A6000, #004B5A, #3A0033)
• Airy Ember color palette (#F0DAE5, #D1610D, #606B00, #00437C, #420103)
• Wandering Rose color palette (#FFF2EC, #FF3F35, #007746, #003B63, #000D1F)
• Wandering Basalt color palette (#EEE5F0, #CA957C, #5F8870, #495B85, #492E5D)
• Misty Bronze color palette (#DEF0E1, #946D00, #575600, #00355C, #2A0002)
• Muted Cerulean Courtyard color palette (#F6EBF3, #A5CBDA, #0093BF, #006E55, #002F55)

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