Misty Moss color palette — #FFF0FE · #E8B9FF · #FFA095 · #A19A00 · #532708

A conversation between Moss and Melon, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#E8B9FF): A whisper-light, balanced violet — the color of a velvet chair.
• Melon (#FFA095): A luminous, balanced orange — the color of toasted spice.
• Moss (#A19A00): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#532708): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Pale Amber color palette (#F9F2FF, #CFD4FF, #FF9AC2, #C87D00, #511B17)
• Gentle Moss Drift color palette (#FFF1F7, #FFBBD1, #FFA457, #3DAB1A, #483002)
• Lime Basin color palette (#FFF0F8, #FDCFD4, #FFB78E, #97B851, #2D4730)
• Coral Harbor color palette (#FFF2EC, #FB9BC2, #FF664F, #A26A00, #4C2410)
• Mustard Delta color palette (#FFF2EC, #B6E7D1, #EBCFCA, #B9B647, #351800)
• Hushed Pier color palette (#F7DADC, #E49172, #B57000, #795F00, #323B00)
• Muted Petrol color palette (#EBE8FF, #C3B2D3, #AF816B, #4F6D9F, #533A59)
• Ember Cabin color palette (#FBE8F4, #E491EA, #EF5E06, #7C8000, #2A1100)

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