Grape Harbor color palette — #DFEFFA · #0080AA · #682FDB · #693A00 · #000203
Built around Violet, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Frost (#DFEFFA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0080AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Violet (#682FDB): A full-bodied, vivid violet — the color of wild irises.
- Bronze (#693A00): A deep, shadowed, balanced gold — the color of old brass.
- Black (#000203): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged jewel, 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
- Tempered Workshop color palette (#D6EEFB, #00829F, #014CE3, #802F00, #000202)
- Grape Veranda color palette (#CBE6EC, #00948D, #623ADE, #4C4500, #000A09)
- Aubergine Study color palette (#DBE7F9, #2D5ED3, #7B1D99, #473900, #00010D)
- Sapphire Atelier color palette (#F2EDD3, #009F88, #0067C2, #544700, #000E10)
- Hushed Petrol color palette (#DFF0FF, #0071AD, #33275C, #181820, #000812)
- Soft Indigo Boulevard color palette (#E1EEFF, #63A1FF, #6B6AFF, #9A5400, #001923)
- Garnet Cabin color palette (#DDF0DF, #006C70, #6E0049, #3C1C00, #000300)
- Nightshade Lagoon color palette (#CFEFE0, #00A3B9, #0076B9, #3700CF, #160023)
Browse the whole catalog at Explore, or see today's palette.