Grape Alley color palette — #DEF3FE · #007993 · #7145AD · #245300 · #000203

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

The five colors

• Frost (#DEF3FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007993): A full-bodied, balanced blue — the color of open sky before noon.
• Plum (#7145AD): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#245300): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Black (#000203): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Grape Alley 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 Workshop color palette (#C5E9F1, #007D78, #4954BA, #4A4900, #000202)
• Sapphire Study color palette (#DDE6F2, #266CDB, #752E98, #00412F, #000203)
• Muted Lapis Parlor color palette (#E0EDF6, #0096CF, #574EC5, #005F85, #00000E)
• Patina Olive color palette (#DAEEFF, #0081CE, #4C8100, #006548, #00050D)
• Midnight Cocoa Archive color palette (#C7E6F4, #005D6A, #762800, #491600, #000203)
• Deep Bloom color palette (#CAECE1, #005182, #690058, #261300, #000103)
• Softworn Petrol color palette (#D8DFE7, #9E9FAD, #8A85A3, #0067A7, #000A18)
• Worn Terracotta Grove color palette (#CDEAE9, #007E4E, #942700, #4D3300, #010200)

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