Grape Coast color palette — #FFF0F8 · #9285DE · #8C8100 · #6500E5 · #413C00
Violet takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender Blue (#9285DE): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#8C8100): A full-bodied, balanced green — the color of a quiet forest floor.
- Violet (#6500E5): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#413C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Grape Coast 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
- Sunlit Harbor color palette (#FFF1F5, #BD86EF, #5F9000, #6E00A8, #2A4300)
- Worn Aubergine color palette (#F2D5E0, #8A6CBC, #667200, #5F00A8, #272D00)
- Sunlit Amethyst color palette (#F2F5FF, #BEB4FF, #A5A000, #7035E6, #3F3D00)
- Ultramarine Alley color palette (#FFEFFF, #5394EE, #A27600, #0057B9, #4D3600)
- Ultramarine Corridor color palette (#FFEAFD, #5E96F8, #2D9D05, #0550C6, #062900)
- Plum Coast color palette (#FFF1F2, #C18AB7, #469E6D, #9C328F, #0C4F2F)
- Muted Violet Workshop color palette (#FFE2EF, #8B63DB, #AC5900, #00715E, #342751)
- Tempered Violet color palette (#F2F5FF, #C2BBFF, #D5C522, #8C74F3, #423C00)
Browse the whole catalog at Explore, or see today's palette.