Moss Pier color palette — #FFF0F9 · #9596E4 · #6E9939 · #5C5AA9 · #374923

A conversation between Olive Leaf and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender Blue (#9596E4): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#6E9939): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5C5AA9): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#374923): A deep, shadowed, dusty 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 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

• Washed Emerald Workshop color palette (#FFF1F4, #BA8CC6, #48A765, #7E428D, #284C31)
• Timeworn Drift color palette (#FDF0FD, #6DA2E5, #A98400, #2B66AC, #51400F)
• Ancient Terrace color palette (#FFF0F7, #8D77D1, #837F00, #56751F, #46313B)
• Dusty Lilac Ridge color palette (#EEF1FF, #AC8FF4, #C57465, #695993, #391B33)
• Lilac Bloom color palette (#FFF0F7, #B9A9FF, #DF8B7D, #8175B6, #5F352E)
• Lilac Studio color palette (#F2F5FF, #CBC3FF, #BCC579, #9F8EEA, #424710)
• Softworn Drift color palette (#FFF1F2, #D563B4, #009381, #9F007F, #00453C)
• Shell Pier color palette (#FFF0F7, #ECD6DD, #FFB3B9, #5C81AB, #5A464E)

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