Grape Ridge color palette — #D1E2F6 · #00B0C2 · #1D78FD · #8500A4 · #120E37

A conversation between Plum and Azure, giving this palette its sense of trust and stability.

The five colors

• Frost (#D1E2F6): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00B0C2): A luminous, balanced blue — the color of open sky before noon.
• Azure (#1D78FD): A luminous, vivid blue — the color of deep harbor water.
• Plum (#8500A4): A full-bodied, vivid pink — the color of peonies in June.
• Deep Indigo (#120E37): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Energy. Tagged candy, vibrant, light.

Use it as a design system

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

• Airy Indigo Boulevard color palette (#E5EDFC, #00AAE3, #7166FF, #970089, #1E0D36)
• Aubergine Garden color palette (#CBE3FA, #00BBBA, #0080BD, #6327A9, #070D34)
• Sapphire Meadow color palette (#ECDDEB, #069EEF, #3171FE, #5A42BB, #01001C)
• Hazy Alley color palette (#D9E5FF, #009FD1, #6839FF, #7C0067, #0F001C)
• Byzantium Harbor color palette (#DDDEF2, #60A4FF, #9E3BF5, #A00034, #28002A)
• Plum Villa color palette (#F2F5FF, #65C5FF, #8C75FF, #BF0082, #390A48)
• Worn Thicket color palette (#E2E2FF, #3D6BFF, #8D00C9, #7F0028, #0B0007)
• Dusty Market color palette (#F2E7EB, #74A5C6, #1651AF, #003D41, #1B1744)

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