Misty Market color palette — #F3F4FF · #C9AEFF · #A3AF57 · #8360BD · #272B00

A conversation between Amethyst and Lavender, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#C9AEFF): A luminous, balanced violet — the color of wild irises.
• Sage (#A3AF57): A luminous, balanced green — the color of a quiet forest floor.
• Amethyst (#8360BD): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#272B00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Sapphire Hollow color palette (#F0F6FF, #A2BDFF, #D29E1E, #4B6DD0, #352500)
• Violet Dune color palette (#E9EEFF, #BEB4F9, #9ECD5E, #8A69F3, #283D00)
• Gentle Plum color palette (#F6F3FF, #EAA3E1, #61BC87, #A4539C, #00311A)
• Pale Lilac color palette (#F5F3FF, #F0C1F9, #91CC92, #AA70B5, #214122)
• Aged Aubergine color palette (#FDE8F0, #977DC9, #728C13, #5D3497, #2E3B00)
• Timeworn Aubergine color palette (#FCE1E7, #B078C2, #8F7C00, #753389, #221C00)
• Iris Market color palette (#F3F4FF, #EED8DF, #D0BAA5, #9390D0, #322E49)
• Dusty Wisteria color palette (#F3F4FF, #BE8BF1, #C98537, #009287, #181635)

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