Tempered Grape Terrace color palette — #DFE1F3 · #955CD3 · #8A6D00 · #7200B9 · #090500

Built around Plum, softened by Amethyst — the whole palette hums with nature and growth.

The five colors

• Frost (#DFE1F3): A whisper-light, dusty violet — the color of a velvet chair.
• Amethyst (#955CD3): A full-bodied, vivid violet — the color of a velvet chair.
• Ochre (#8A6D00): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#7200B9): A full-bodied, vivid violet — the color of wild irises.
• Ink (#090500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Soft Aubergine color palette (#DCE0FC, #A370F1, #4A8402, #56009C, #020800)
• Washed Lapis color palette (#FBE1EE, #694AD2, #5C5C00, #3C0093, #060600)
• Timeworn Atelier color palette (#CDDFFB, #3D71F9, #856F00, #133CCF, #080600)
• Airy Byzantium Veranda color palette (#E0DDF0, #C45BCE, #00909F, #9C00AA, #001316)
• Misty Hollow color palette (#E0F3F0, #00993E, #714DFF, #0F082E, #010106)
• Airy Sapphire Courtyard color palette (#E7ECFF, #4C5DDF, #237B00, #005D49, #01000F)
• Peony Loft color palette (#EFE4FC, #DE55AB, #028A29, #780055, #000901)
• Pale Aubergine color palette (#EAEAF9, #009F75, #651495, #220037, #02000D)

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