Grape Harbor color palette — #DCF9FF · #51C1FF · #0A75F1 · #5132C0 · #3B004B
Built around Indigo, softened by Sapphire — the whole palette hums with trust and stability.
The five colors
- Ivory (#DCF9FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#51C1FF): A luminous, balanced blue — the color of open sky before noon.
- Sapphire (#0A75F1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Indigo (#5132C0): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#3B004B): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Grape Harbor 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
- Soft Veranda color palette (#E3F5FF, #88B6FF, #6E57FF, #6C22B5, #3C003D)
- Softworn Nightshade Balcony color palette (#8AFCFF, #00D1F4, #0084DF, #113BB1, #230455)
- Dusty Sapphire Garden color palette (#D1E9FF, #6BB2FF, #5591FF, #3658E8, #22227E)
- Linen Delta color palette (#C9E5EE, #0092DA, #0059BE, #3800B4, #3F1771)
- Prism Nightshade color palette (#D8ECFF, #1187F4, #004AD2, #1600AF, #150060)
- Smoked Sapphire color palette (#D3E9F7, #055CEA, #3D009A, #26003B, #030003)
- Feathered Dune color palette (#F2F5FF, #9AACFF, #C99006, #4745F6, #2A1B00)
- Indigo Chapel color palette (#F3F4FF, #C2BFFF, #7365FF, #3812A4, #050021)
Browse the whole catalog at Explore, or see today's palette.