Grape Ridge color palette — #F9EEE3 · #9D5B00 · #5610E5 · #552F00 · #180B49

A conversation between Iris and Ochre, giving this palette its sense of optimism and creativity.

The five colors

• Cream (#F9EEE3): bright and airy, almost weightless.
• Ochre (#9D5B00): A full-bodied, balanced gold — the color of honey in a jar.
• Iris (#5610E5): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#552F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Indigo (#180B49): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Hushed Lagoon color palette (#E9E1CA, #777000, #6622CA, #3F3B00, #1E0C40)
• Tempered Grape color palette (#EEE5C1, #989A22, #6023ED, #515200, #2B1F65)
• Ancient Drift color palette (#F0DCC5, #7D4F00, #005283, #45009C, #1C0E00)
• Mulberry Loft color palette (#DEF1DD, #915F00, #960081, #4C2F00, #140010)
• Worn Cornflower color palette (#E3F0E3, #E4A12C, #287ADE, #966500, #00193C)
• Hushed Rust Balcony color palette (#F2D9C8, #AD4D00, #006475, #5E2600, #001F26)
• Pale Iris color palette (#FCF4E9, #C2984B, #7E7CDC, #845D00, #56364B)
• Aubergine Study color palette (#E3E6C3, #2A7118, #390081, #062900, #07001D)

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