Tempered Garnet color palette — #DBDBFF · #C290BB · #B05575 · #8A2930 · #461D0F

Garnet and Magenta Rose set the tone — five colors that lean into creativity and warmth.

The five colors

• Thistle (#DBDBFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#C290BB): A luminous, balanced pink — the color of peonies in June.
• Magenta Rose (#B05575): A full-bodied, balanced rose — the color of pressed rose petals.
• Garnet (#8A2930): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#461D0F): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Misty Bloom color palette (#E8E2F1, #DF96A8, #B65A54, #833800, #3A2600)
• Raspberry Parlor color palette (#EDE6FF, #D98BB9, #C14C7D, #8B3C4D, #5F3533)
• Timeworn Mulberry color palette (#D5E3FF, #AFA1DC, #9C64AB, #8C295C, #44181D)
• Antique Harbor color palette (#FFEAFC, #ECADAF, #B05555, #74112A, #320007)
• Hazy Courtyard color palette (#FBECFD, #D18F98, #35A18F, #AB304F, #002F28)
• Linen Brick color palette (#F7DBF5, #DB4E9C, #BB002C, #5C2300, #291700)
• Wandering Coral color palette (#FFE3EA, #F17672, #A55000, #5E3E00, #282500)
• Washed Studio color palette (#E8F7E6, #91B5A1, #916D41, #743826, #012A22)

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