Moss Pier color palette — #ECF9F3 · #C2D297 · #86AF5C · #86875A · #193D33
Built around Moss, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Pistachio (#C2D297): A whisper-light, balanced green — the color of fresh herbs.
- Moss (#86AF5C): A luminous, balanced green — the color of a quiet forest floor.
- Driftwood (#86875A): A luminous, dusty green — the color of new leaves after rain.
- Forest (#193D33): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Straw Lantern color palette (#FFF4E0, #C7DA8A, #67986A, #67635C, #2C2813)
- Worn Teal Cabin color palette (#E8FAF5, #A9E2DA, #83BC92, #719A90, #2C4945)
- Emerald Garden color palette (#D8E9E5, #93CA95, #16AC65, #2B8670, #00302D)
- Frosted Meadow color palette (#D6ECE2, #7C9344, #417100, #1C552D, #040700)
- Periwinkle Cabin color palette (#C5ECFA, #00C5D0, #7CA0FF, #73A656, #04313D)
- Antique Field color palette (#E8F6EA, #99A770, #39734E, #314E37, #00231A)
- Emerald Coast color palette (#DBF1E9, #8EB570, #209917, #5C6B2E, #00211B)
- Worn Teal Workshop color palette (#E6F9FF, #5EE6E8, #00B9BA, #008686, #002425)
Browse the whole catalog at Explore, or see today's palette.