Grape Terrace color palette — #F5F8DF · #4AA3C8 · #7B53A7 · #2D5A1F · #483648

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

The five colors

• Cream (#F5F8DF): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#4AA3C8): A luminous, balanced blue — the color of open sky before noon.
• Plum (#7B53A7): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#2D5A1F): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#483648): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

Use it as a design system

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

• Indigo Drift color palette (#FFF4DD, #38A9B6, #605EAE, #5C4D04, #274439)
• Timeworn Pewter Courtyard color palette (#F1F8EA, #8BA7E0, #9C6088, #206751, #54424B)
• Pale Quarry color palette (#E0FAE5, #7C95F2, #7F5898, #594216, #1B2137)
• Cerulean Meadow color palette (#FBF3F1, #CCE4D0, #3995BE, #267349, #553F54)
• Washed Periwinkle Balcony color palette (#FFF4E2, #94ACFF, #9B73B6, #766038, #4D3443)
• Aged Mulberry color palette (#EEF8F1, #0399AE, #A23B4A, #005543, #003A3E)
• Terracotta Boulevard color palette (#F0F1D2, #9C70BD, #A32023, #004953, #462528)
• Antique Mulberry Station color palette (#BEF4D3, #007DE2, #870088, #004428, #222152)

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