Misty Coast color palette — #F3F4FF · #CDADFF · #8CA900 · #7E43BF · #344100

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CDADFF): A luminous, balanced violet — the color of twilight just after sunset.
• Moss (#8CA900): A luminous, vivid green — the color of fresh herbs.
• Violet (#7E43BF): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#344100): A deep, shadowed, balanced 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 Coast 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

• Clover Cabin color palette (#F5F3FF, #EC9BFF, #49B703, #8E449F, #204513)
• Aged Sapphire Study color palette (#F0F5FF, #8EA9FF, #BDA218, #4B65D2, #463A00)
• Airy Aubergine Loft color palette (#F3F4FF, #B287FE, #5E9000, #5E29A1, #2A4300)
• Orchid Hollow color palette (#FFF1F5, #D9B1FF, #CACA23, #B25AF3, #3E3D00)
• Softworn Canyon color palette (#F9F2FF, #FF9BCB, #00B58C, #AA3276, #004634)
• Byzantium Atelier color palette (#FFF1F6, #D3B8FF, #00C5D2, #9E39FE, #00363A)
• Mustard Lantern color palette (#F8F2FF, #EAB100, #99477B, #562844, #1E1726)
• Wandering Villa color palette (#ECE7F6, #E157C9, #008B40, #760067, #00220A)

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