Moss Pier color palette — #F8F6E3 · #C5E09B · #B1B1FF · #77973D · #34335A
Built around Olive Leaf, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F6E3): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#C5E09B): A whisper-light, balanced green — the color of fresh herbs.
- Lavender (#B1B1FF): A luminous, balanced violet — the color of twilight just after sunset.
- Olive Leaf (#77973D): A luminous, balanced green — the color of a quiet forest floor.
- Navy (#34335A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged light.
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
- Gentle Amber color palette (#FBF4E8, #EDD27F, #C9A7FF, #A68600, #4F2B3B)
- Faded Mallow Field color palette (#F4F8E4, #A7E7AF, #F896DD, #3F9F53, #4E2A44)
- Chartreuse Studio color palette (#E4FBF3, #BFD87E, #68CDEB, #94A862, #094A5A)
- Misty Amber color palette (#FFF3E4, #F9CC85, #5DC7FF, #B47E00, #113D53)
- Olive Atelier color palette (#DDF9F2, #90B073, #8883CC, #4B721C, #252148)
- Frosted Lime color palette (#FAF6DC, #B0C759, #AE9AF2, #AC7EB7, #2F2B14)
- Hushed Fern color palette (#F9F6E5, #B9E4DC, #D0C7D1, #C4A571, #444800)
- Lagoon Coast color palette (#F2F7EC, #ECDFBB, #008B6B, #014333, #0C1107)
Browse the whole catalog at Explore, or see today's palette.