Hazy Grape color palette — #DDF7EA · #736F00 · #5436C3 · #3B3800 · #070024
A conversation between Iris and Olive, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DDF7EA): A whisper-light, dusty teal — the color of glacier melt.
- Olive (#736F00): A full-bodied, balanced green — the color of fresh herbs.
- Iris (#5436C3): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#3B3800): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#070024): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Hazy 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
- Aubergine Basin color palette (#E2F3ED, #68871E, #6200A8, #2C3D00, #0D001E)
- Hazy Grape color palette (#F0E8D2, #796F00, #6500DB, #403A00, #1E0945)
- Worn Lantern color palette (#DAEFD9, #906000, #0057A5, #4B3000, #000718)
- Airy Amethyst color palette (#D8F7E4, #B6A022, #7C48D0, #5A4D00, #0B0020)
- Hushed Lapis Dune color palette (#F2EAD1, #A19C25, #5F33EB, #595500, #19054E)
- Garnet Market color palette (#D3E7DE, #585E00, #005374, #6F0040, #030400)
- Washed Byzantium Balcony color palette (#CEF2EC, #43B123, #A927BA, #134F00, #28002E)
- Iris Courtyard color palette (#E5F7F0, #9EAB6B, #947CD1, #5F6D00, #2B1E48)
Browse the whole catalog at Explore, or see today's palette.