Moss Pier color palette — #F8F5EB · #D6DFD1 · #ACB7CD · #909A2F · #37352E

A conversation between Moss and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F8F5EB): a clean, paper-quiet neutral.
• Bone (#D6DFD1): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#ACB7CD): A luminous, dusty violet — the color of a velvet chair.
• Moss (#909A2F): A luminous, balanced green — the color of a quiet forest floor.
• Espresso (#37352E): 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

• Amber Orchard color palette (#FAF4EE, #DDDDCF, #97B7BB, #C38136, #39342F)
• Tempered Summit color palette (#F8F5ED, #D3E1D0, #B2CABB, #AEA84D, #4E3E00)
• Worn Jade Parlor color palette (#F3F7ED, #D0DFD7, #B9BFCA, #2DAA7A, #2B3C00)
• Hushed Loft color palette (#DCE5DD, #ACC1B3, #719D87, #004549, #000200)
• Worn Lantern color palette (#F7F6EC, #D5DFD2, #B4C9B5, #65830C, #201F13)
• Olive Quarry color palette (#F8F5EE, #D2DED1, #B3C1AB, #776C03, #503D00)
• Linen Moss color palette (#FDF5DF, #D9E183, #80A000, #756C2E, #302E28)
• Cobalt Thicket color palette (#DDFFE8, #ACE8D1, #63AFAA, #587BA4, #3B456A)

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