Tempered Grape color palette — #EFF1FF · #781BCE · #573E00 · #00391D · #00182D

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

The five colors

• Ivory (#EFF1FF): a clean, paper-quiet neutral.
• Plum (#781BCE): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#573E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Forest (#00391D): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#00182D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Ultramarine Pier color palette (#F0F5FF, #2227E5, #6F2F00, #1F3400, #00181E)
• Patina Mulberry Ridge color palette (#F0E8FF, #9F0082, #494C00, #003734, #0F153E)
• Plum Study color palette (#EBE3FC, #A7179C, #870022, #00392E, #11000F)
• Weathered Basin color palette (#E4F0FF, #0064B4, #780D00, #2F2F00, #001918)
• Tempered Grape color palette (#F5F4FF, #D7CEE6, #B39DBE, #83299B, #332F47)
• Hazy Orchid Chapel color palette (#F7E2B7, #B645BE, #990045, #1F4300, #490839)
• Feathered Pier color palette (#FFE4E6, #C245B5, #B61100, #005732, #280431)
• Aged Plum Loft color palette (#FAF1FF, #A14267, #216013, #003F4B, #1A1A31)

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