Tempered Grape color palette — #DFE0E8 · #C3C3CF · #A6A0BF · #6E4C9C · #1D1E2C

Plum and Mauve set the tone — five colors that lean into creativity and sophistication.

The five colors

• Silver (#DFE0E8): a clean, paper-quiet neutral.
• Oat (#C3C3CF): soft and architectural.
• Mauve (#A6A0BF): A luminous, dusty violet — the color of a velvet chair.
• Plum (#6E4C9C): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#1D1E2C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Washed Alley color palette (#EAE3F0, #CAC0CF, #AF9EB1, #98366F, #231C28)
• Denim Delta color palette (#DBE4ED, #BBC5D4, #9BA5B8, #0C61AD, #122030)
• Softworn Aubergine Alley color palette (#E4E5ED, #B9B6C7, #9886A5, #4C298F, #1A1E31)
• Weathered Grape color palette (#FAF3F6, #EBD4D0, #D8AEB6, #6D4A9D, #16080E)
• Aged Courtyard color palette (#EBDFE5, #CFBBB5, #C59C83, #846DCD, #2B1922)
• Weathered Raspberry color palette (#F6F3FE, #E3DAED, #CAB4D6, #B246A2, #372D48)
• Garnet Pier color palette (#EBE3EF, #ABA0AE, #967D95, #761D47, #0D0612)
• Pewter Station color palette (#EFDAE6, #BD7B94, #9C575C, #644A17, #2F2700)

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