Grape Field color palette — #EFF6FF · #528AD4 · #7B47A2 · #6F3046 · #00404B

Built around Plum, softened by Azure — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Azure (#528AD4): A luminous, balanced blue — the color of deep harbor water.
• Plum (#7B47A2): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#6F3046): A full-bodied, balanced red — the color of a theater curtain.
• Deep Teal (#00404B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Balance. Tagged cool.

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

• Cobalt Alley color palette (#EEF6FF, #528BCD, #6D529B, #712A55, #542A23)
• Faded Mulberry color palette (#F2F5FF, #8A7CC3, #924373, #7A2B12, #18395D)
• Denim Corridor color palette (#ECF7FD, #0099B0, #375FB0, #5B356F, #00432E)
• Timeworn Indigo color palette (#D7E6FF, #87A2ED, #6470D3, #4E4C8D, #523857)
• Tempered Pewter Coast color palette (#ECF3FF, #ADB7D2, #8285A5, #6E5574, #584348)
• Powdered Cerulean Bloom color palette (#E6F4FD, #009CC3, #99445E, #563B00, #1B2200)
• Wandering Cerulean color palette (#EEF8F6, #BFE2F6, #2496C1, #026F7A, #344B5C)
• Aged Cobalt Veranda color palette (#D7E6F7, #2974BB, #21334D, #13202E, #0C0D13)

Browse the whole catalog at Explore, or see today's palette.