Moss Pier color palette — #F3F4FF · #CCB3FF · #9E9000 · #008686 · #003838

Moss takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CCB3FF): A luminous, balanced violet — the color of a velvet chair.
• Moss (#9E9000): A luminous, balanced green — the color of new leaves after rain.
• Teal (#008686): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#003838): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Fuchsia Ridge color palette (#F3EFFF, #EA88E3, #74A357, #047E8C, #003238)
• Linen Amber color palette (#F0F5FF, #99B4FF, #CF8700, #008B5C, #003B24)
• Fuchsia Quarry color palette (#E1DDFC, #E777FF, #5F8900, #007070, #002525)
• Hushed Moss Parlor color palette (#F7F3FF, #FF9BE5, #56A500, #2576CC, #003060)
• Ancient Shell Veranda color palette (#F6F3FF, #FFADC2, #CFA881, #599696, #1B5A5A)
• Frosted Sky Dune color palette (#FDF1FC, #7FFBFF, #31C7FA, #5CA36D, #204169)
• Antique Bloom color palette (#F3E9FE, #EC37B0, #008857, #005B6A, #00151A)
• Magenta Basin color palette (#FFF1F2, #EE50D4, #A26A00, #00654E, #1A2A66)

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