Misty Quarry color palette — #F3F4FF · #CBAEFF · #99A500 · #8034D3 · #3A3F00

Built around Violet, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CBAEFF): A luminous, balanced violet — the color of wild irises.
• Moss (#99A500): A luminous, balanced green — the color of fresh herbs.
• Violet (#8034D3): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#3A3F00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Feathered Moss Lagoon color palette (#EFECFF, #E29AED, #67A93E, #893F95, #233E13)
• Softworn Boulevard color palette (#F0F5FF, #8BAAFF, #C79D18, #3D5EEA, #4A3800)
• Gentle Orchid color palette (#FFF1F6, #D3B4FF, #C4CB3B, #A766ED, #3B3E00)
• Gentle Wisteria Balcony color palette (#F3F4FF, #BD80FF, #7C8700, #622E93, #393F00)
• Hushed Summit color palette (#FFF1F6, #D6B6FF, #FF885B, #9A53E0, #531800)
• Sunlit Mint Grove color palette (#F8F2FF, #EB9AC9, #1DC99A, #AE558C, #124E3B)
• Hushed Wisteria color palette (#E8E9FF, #BE6FFF, #C87B00, #009187, #39274A)
• Plum Delta color palette (#F8F2FF, #E6B22F, #AF2188, #5F1C4B, #1F1628)

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