Misty Coast color palette — #F7E0E5 · #ABA9FF · #00C336 · #0F353F · #10211F

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

The five colors

• Rose Water (#F7E0E5): A whisper-light, dusty red — the color of late-summer berries.
• Lavender (#ABA9FF): A luminous, balanced violet — the color of a velvet chair.
• Clover (#00C336): A luminous, vivid green — the color of new leaves after rain.
• Deep Teal (#0F353F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#10211F): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Muted Emerald Corridor color palette (#FFE7DC, #D8B3FF, #00AD5A, #133743, #172322)
• Antique Moss color palette (#EADBE8, #94B1FF, #9AA300, #003234, #0B1C16)
• Mint Boulevard color palette (#FFEAE5, #A9BCFF, #00D985, #52554D, #1C1F16)
• Frosted Veranda color palette (#EDDDDA, #E08DFF, #00BBA5, #153042, #121D1F)
• Worn Teal Pier color palette (#E9D6F2, #93BBFF, #00C7C7, #1A404A, #0C1C20)
• Washed Sky color palette (#EBE6F6, #29B3FA, #00B0A3, #142510, #050B04)
• Emerald Courtyard color palette (#D5F7F5, #27985C, #882749, #7C1B19, #092C2C)
• Ancient Workshop color palette (#EDF8F8, #57AD8B, #3156B4, #005E44, #0D182B)

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