Twilit Grape color palette — #EDD7E4 · #4F23CF · #302C00 · #1E242B · #000B04

A conversation between Iris and Espresso, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#EDD7E4): A whisper-light, dusty pink — the color of neon signs at night.
• Iris (#4F23CF): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#302C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#1E242B): a grounded near-black with real depth.
• Ink (#000B04): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant, muted.

Use it as a design system

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

• Cellar Ultramarine color palette (#F0D6EC, #1B00F8, #412300, #182228, #010B00)
• Obsidian Aubergine Pier color palette (#FFE1E6, #850099, #1E3200, #262329, #00090E)
• Antique Ultramarine color palette (#FAE8D9, #54ADDA, #174CB0, #002C28, #010008)
• Eclipse Denim Hollow color palette (#D5F1E9, #005795, #461E00, #182429, #040A00)
• Velvet Aubergine color palette (#F5E0E4, #60006F, #221A10, #160704, #040001)
• Linen Basin color palette (#FFEDF1, #AC3BD4, #485400, #002A33, #000203)
• Faded Summit color palette (#E0DEED, #9D47B1, #A10039, #502D00, #01000E)
• Plum Boulevard color palette (#F6D5D7, #AE0097, #164800, #001728, #000103)

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