Misty Grove color palette — #F0F1D5 · #569520 · #503BA0 · #3A1C84 · #000200

A conversation between Royal Purple and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#F0F1D5): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#569520): A luminous, balanced green — the color of a quiet forest floor.
• Indigo (#503BA0): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#3A1C84): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Misty Grove 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

• Sunlit Basin color palette (#F9EECD, #7E7500, #6849A7, #441481, #010100)
• Frosted Aubergine color palette (#EEF7DE, #00915C, #592F9B, #4A001A, #040100)
• Denim Cabin color palette (#F7EED4, #7F7400, #085FB0, #00386E, #010100)
• Pale Aubergine Balcony color palette (#CBECD8, #007248, #64219E, #38005F, #000201)
• Pale Mulberry color palette (#E8F4CE, #249861, #81286A, #62084F, #000201)
• Aubergine Station color palette (#E1F6D8, #008575, #00659C, #5B006A, #000201)
• Gentle Emerald Boulevard color palette (#FFE9DC, #00A555, #00606C, #540029, #000503)
• Lowlit Courtyard color palette (#D5ECD1, #005F5B, #2912BD, #38005E, #000300)

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