Moss Pier color palette — #F7F7E2 · #C0E19D · #ACB4FF · #719841 · #31345B
Olive Leaf and Lavender set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#C0E19D): A whisper-light, balanced green — the color of fresh herbs.
- Lavender (#ACB4FF): A luminous, balanced violet — the color of twilight just after sunset.
- Olive Leaf (#719841): A luminous, balanced green — the color of a quiet forest floor.
- Navy (#31345B): 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
- Emerald Bloom color palette (#F5F7E7, #AFE5AC, #DFA4D7, #5A9C57, #4C2A48)
- Bronze Dune color palette (#FFF4DF, #ECD287, #89BEFF, #A3872A, #19395F)
- Misty Drift color palette (#F5F2E5, #A1AC56, #917BDB, #636B00, #292142)
- Linen Lilac Parlor color palette (#FCF6D8, #B9C274, #C096DD, #A481BD, #312B13)
- Weathered Cornflower color palette (#E1FCF9, #6DB27B, #4689E5, #2B7740, #2B4365)
- Tempered Workshop color palette (#FCF6DA, #C9EAD3, #BDBFCE, #C6A481, #4D4A00)
- Mulberry Grove color palette (#DDE4CC, #1F8E53, #81005E, #00351A, #040002)
- Softworn Lagoon Lantern color palette (#F1F8EC, #F2DBC3, #328772, #2D3E1F, #0B1206)
Browse the whole catalog at Explore, or see today's palette.