Grape Basin color palette — #FFF0F8 · #B7ABFF · #7B9B00 · #5E3CBA · #141C00
Plum and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender (#B7ABFF): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#7B9B00): A luminous, balanced green — the color of new leaves after rain.
- Plum (#5E3CBA): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#141C00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Grape Basin 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
- Dusty Ultramarine color palette (#FFF0FD, #92B8FF, #B08500, #1750C3, #211600)
- Faded Moss color palette (#D6DCFF, #C8B5FF, #92B103, #7956BF, #242D00)
- Gentle Mulberry color palette (#FFF1F3, #EE91EA, #859800, #8F218F, #161B00)
- Misty Canyon color palette (#D7DBFE, #896BC2, #6E6F00, #5B15A3, #2B2B00)
- Hazy Balcony color palette (#FFE7EB, #DC6DDE, #5B8400, #730077, #040A00)
- Moss Bloom color palette (#FFF0FC, #6388FE, #499800, #007F55, #040927)
- Washed Boulevard color palette (#FAEAF1, #856CC8, #007B7C, #5411A6, #001616)
- Aged Plum color palette (#FFF0F8, #FF7FC9, #00B397, #BB0084, #00251E)
Browse the whole catalog at Explore, or see today's palette.