Grape Garden color palette — #C2E8D9 · #00A3C2 · #714CC3 · #454D00 · #0B263D

Violet and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#C2E8D9): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#00A3C2): A luminous, balanced blue — the color of deep harbor water.
• Violet (#714CC3): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#454D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#0B263D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Wandering Harbor color palette (#CCE7CC, #00A7A6, #405BD2, #614000, #002935)
• Weathered Violet Delta color palette (#D4F8EC, #04AFED, #9258BE, #4B5E13, #203149)
• Indigo Lantern color palette (#FCF7CF, #34AFE7, #6D57B6, #3A4500, #00122C)
• Byzantium Thicket color palette (#BEE8E5, #1999ED, #9D28B1, #00572C, #1A2045)
• Driftwood Archive color palette (#C9EEFE, #8BADE3, #A26096, #40623E, #17403C)
• Sapphire Study color palette (#F2DBB6, #0074E1, #543690, #4B2A00, #34192F)
• Ancient Plum Pier color palette (#CDE6EE, #00999C, #B40060, #00502A, #002712)
• Antique Cornflower color palette (#F9EAEF, #9EC9F2, #6F7BDF, #006B70, #352547)

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