Grape Field color palette — #D0F2F8 · #18B8F9 · #1871FA · #5913C6 · #3F0052
Built around Plum, softened by Sapphire — the whole palette hums with trust and stability.
The five colors
- Frost (#D0F2F8): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#18B8F9): A luminous, balanced blue — the color of deep harbor water.
- Sapphire (#1871FA): A full-bodied, vivid blue — the color of open sky before noon.
- Plum (#5913C6): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#3F0052): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Grape Field 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
- Misty Nightshade color palette (#CBF5F0, #00BBDC, #0080CE, #2737BC, #37006D)
- Tempered Meadow color palette (#DDF4FF, #57A7FF, #704DFF, #6E00AB, #460042)
- Quiet Dune color palette (#E7F9FF, #8FC9FF, #2575FE, #4E00CC, #1D003C)
- Aubergine Lantern color palette (#D7E8E6, #00A2C8, #0060B7, #460099, #4C004A)
- Linen Amethyst color palette (#FBE2A9, #00A8D5, #6844F3, #614900, #002A4C)
- Feathered Sapphire Veranda color palette (#D6F3FF, #0265E3, #461EAB, #380054, #0A0006)
- Ancient Market color palette (#D8EEFF, #95B1FF, #9760EB, #883898, #660041)
- Weathered Sapphire Alley color palette (#EFDFEE, #096FF1, #3D2968, #271126, #000A05)
Browse the whole catalog at Explore, or see today's palette.