Grape Loft color palette — #D8E7D5 · #6C7600 · #7100C2 · #140412 · #010007

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

The five colors

• Celadon Mist (#D8E7D5): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#6C7600): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#7100C2): A full-bodied, vivid violet — the color of wild irises.
• Ink (#140412): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#010007): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Lowlit Aubergine Hollow color palette (#C4E9EA, #686000, #820093, #120409, #020008)
• Lapis Station color palette (#DDF8E3, #A15A00, #3331FE, #0F021F, #000108)
• Bronze Lagoon color palette (#FAD7CF, #8C7D00, #00528E, #0A0B17, #000104)
• Moonless Aubergine color palette (#DDDFF9, #5D0097, #3A3800, #002220, #010009)
• Pale Lapis Station color palette (#FAE8CF, #00A9B6, #4452E8, #070B2F, #060004)
• Olive Quarry color palette (#E4E5F3, #3F7900, #2C004B, #250F1C, #05000E)
• Frosted Byzantium Orchard color palette (#ECEBFC, #8840AF, #4B3000, #40005A, #000200)
• Hushed Garnet Chapel color palette (#EBE7EF, #AA99AB, #927084, #630046, #06020B)

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