Grape Terrace color palette — #F9F8D1 · #4D8EDB · #8333AA · #135402 · #2A305F
A conversation between Plum and Azure, giving this palette its sense of nature and growth.
The five colors
- Custard (#F9F8D1): A whisper-light, dusty green — the color of fresh herbs.
- Azure (#4D8EDB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Plum (#8333AA): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#135402): A deep, shadowed, balanced green — the color of new leaves after rain.
- Navy (#2A305F): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Washed Grape color palette (#FDF6D3, #0099CB, #6144BE, #434B00, #063663)
- Tempered Mulberry color palette (#F9F7DA, #7680E6, #923582, #005339, #3D275F)
- Patina Study color palette (#E3E0C1, #5474BE, #702978, #003F1C, #231C47)
- Aged Mulberry Market color palette (#F9F6E4, #A489C5, #9D4B64, #005A57, #513439)
- Hushed Cobalt Delta color palette (#FFF2EC, #98DAEC, #0089C4, #00685A, #1F3E71)
- Gentle Mulberry Workshop color palette (#FFF1F2, #AF5A9B, #9F1E4B, #4B3F00, #003450)
- Pale Pine color palette (#FDF4E1, #96AC7B, #007E43, #5A437B, #2E4209)
- Gentle Fern Summit color palette (#CCF5E6, #C5A5BD, #986294, #3E6A27, #00554A)
Browse the whole catalog at Explore, or see today's palette.