Moss Pier color palette — #EFF7F4 · #D1DFE6 · #B5B8CF · #7F934E · #25312D

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

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#D1DFE6): a clean, paper-quiet neutral.
• Ash (#B5B8CF): A luminous, dusty violet — the color of wild irises.
• Moss (#7F934E): A luminous, balanced green — the color of new leaves after rain.
• Deep Forest (#25312D): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Dusty Taupe color palette (#EFF7F6, #D4DCE1, #BDB0B4, #85A985, #344341)
• Timeworn Lagoon Garden color palette (#E9F9F9, #D3DDE9, #BAA9B6, #00956C, #12292A)
• Washed Fern Field color palette (#F6F6EE, #D2DDD4, #ADB7AA, #586C3D, #3B3B34)
• Weathered Lagoon Summit color palette (#EAFAEF, #BEDBA6, #0CA276, #6F6338, #092F28)
• Ash Balcony color palette (#E2ECEE, #ADBEC8, #7E92B9, #004642, #000102)
• Tempered Study color palette (#FFF1F6, #B9E0D4, #55B4B0, #895D41, #4C303D)
• Timeworn Fern color palette (#EFF7F5, #CCDDE6, #96C3D5, #406E05, #01100D)
• Emerald Ridge color palette (#E2FBFA, #12A45E, #003D41, #001313, #000201)

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