Moss Pier color palette — #F3F4FF · #D2ABFF · #71B017 · #7F49B2 · #294307

Built around Clover, softened by Plum — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#D2ABFF): A luminous, balanced violet — the color of twilight just after sunset.
• Clover (#71B017): A luminous, vivid green — the color of fresh herbs.
• Plum (#7F49B2): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#294307): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

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

• Dusty Mulberry Dune color palette (#F0EBFF, #E996E9, #44AC69, #8C3E8D, #123F23)
• Timeworn Grove color palette (#F0F5FF, #93A8FF, #BAA318, #5364CC, #443A00)
• Sunlit Aubergine color palette (#F4F4FF, #C085EC, #7D8700, #6B2295, #3A3F00)
• Emerald Cabin color palette (#DDD9FF, #D580F6, #1FA122, #74338B, #033304)
• Misty Lime Drift color palette (#FFF1F6, #CDB6FF, #71E04F, #9F69F3, #144700)
• Washed Mallow color palette (#F9F2FF, #F197C4, #49BC97, #AC6789, #174B4E)
• Byzantium Studio color palette (#FFF1F6, #D1B9FF, #00C5D4, #9B3DFF, #00363B)
• Tempered Peony Balcony color palette (#E8DFF7, #E358C2, #008B43, #760862, #00220B)

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