Grape Basin color palette — #D3FFFE · #86D1F6 · #608CDD · #6725B5 · #3E0033
Plum and Lavender Blue set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D3FFFE): A whisper-light, dusty teal — the color of sea glass.
- Sky (#86D1F6): A whisper-light, balanced blue — the color of deep harbor water.
- Lavender Blue (#608CDD): A luminous, balanced violet — the color of a velvet chair.
- Plum (#6725B5): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#3E0033): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged vibrant, cool.
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
- Grape Coast color palette (#D6F1FD, #5B84E0, #6014B7, #400036, #040001)
- Ultramarine Harbor color palette (#DDFFE8, #7EDEE3, #2A92CB, #1F4BB9, #2C0049)
- Mulberry Archive color palette (#E9F8FF, #B4D0FF, #9674C7, #84097C, #3D0016)
- Weathered Coast color palette (#CFE7F5, #599FE9, #5363B4, #402D7B, #260038)
- Faded Courtyard color palette (#C3E9FF, #93C6FF, #7B91FF, #7E62C7, #460363)
- Aged Ultramarine Veranda color palette (#80F5FF, #45A7E5, #3F4ECD, #44005C, #0B0004)
- Muted Byzantium color palette (#E9F8FF, #D7D8F7, #9B9DE4, #8D409A, #64022E)
- Airy Courtyard color palette (#DCFEF1, #4BCBD9, #7272CA, #4E5700, #022439)
Browse the whole catalog at Explore, or see today's palette.