Grape Studio color palette — #D9F2F0 · #008B4E · #5424C3 · #4E2700 · #181100

Built around Plum, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D9F2F0): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#008B4E): A full-bodied, balanced teal — the color of sea glass.
• Plum (#5424C3): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#4E2700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#181100): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Grape Studio 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

• Aubergine Courtyard color palette (#D2EEF2, #007767, #6A0086, #2F2500, #080800)
• Nightshade Harbor color palette (#E4FAE2, #008C88, #413BA0, #4A001A, #020200)
• Denim Boulevard color palette (#D9EAE2, #787A00, #005397, #630900, #280300)
• Byzantium Station color palette (#CEEFF6, #00A198, #9409D6, #643E00, #1D2900)
• Dusty Navy Market color palette (#DBEFDC, #006566, #003865, #222000, #00170B)
• Worn Cobalt color palette (#CBEFDE, #65A5B1, #3E6DB0, #653F10, #172E15)
• Sapphire Ridge color palette (#D4F1F9, #08D361, #00B1AB, #2769ED, #001C25)
• Muted Cypress color palette (#CDEDF9, #006E76, #40393F, #00273E, #000C0E)

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