Grape Terrace color palette — #D7DEF9 · #5B00D6 · #24102E · #170D06 · #05071A

Iris takes the lead with Deep Indigo close behind in a set that reads as creativity and energy at first glance.

The five colors

• Frost (#D7DEF9): A whisper-light, dusty violet — the color of wild irises.
• Iris (#5B00D6): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#24102E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#170D06): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#05071A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Obsidian Grape color palette (#E9EAFF, #7600B6, #3C2D29, #2B0A29, #070618)
• Velvet Ultramarine color palette (#DDE7FA, #2D00F3, #3D2E2F, #141634, #030817)
• Muted Amethyst color palette (#FADFED, #704FE7, #4A272F, #230D1B, #080308)
• Midnight Delta color palette (#D1E1F4, #0052A8, #0F1833, #1D110E, #00091A)
• Byzantium Dune color palette (#E5E2F4, #9D46AE, #382D42, #1F1D2B, #0F0B11)
• Washed Violet Boulevard color palette (#FBDFED, #8B73EF, #6C4756, #412535, #0A0207)
• Mulberry Field color palette (#FCE1F0, #9E0077, #3C0617, #1D0214, #050002)
• Byzantium Study color palette (#F8DEF5, #B000AB, #745B00, #005763, #2F132D)

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