Moss Pier color palette — #F7F6EB · #D1DFD2 · #BBC2CE · #9AAF59 · #494000

Built around Sage, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6EB): a clean, paper-quiet neutral.
• Silver (#D1DFD2): A whisper-light, dusty green — the color of a quiet forest floor.
• Stone (#BBC2CE): soft and architectural.
• Sage (#9AAF59): A luminous, balanced green — the color of new leaves after rain.
• Deep Olive (#494000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Teal Lantern color palette (#F3F7EF, #CBE2DB, #9AC7DA, #55BA97, #304903)
• Dusty Apricot color palette (#FAF4ED, #DADFCA, #9BCCB8, #CF9852, #5A3700)
• Aged Study color palette (#EFEFE6, #C7D8CC, #9DC5B8, #73A247, #2F2F1E)
• Clover Cabin color palette (#DEE3D2, #00C05F, #1E766F, #41433C, #141206)
• Clover Quarry color palette (#FFF4DC, #BEDA97, #2CC36C, #988945, #3B3B34)
• Ancient Driftwood color palette (#F2EBBB, #B8DCB6, #64BCC4, #BE7784, #504944)
• Hushed Garden color palette (#E7F6F1, #CAD9DD, #A9C6C7, #5D752D, #0F2B24)
• Hushed Chartreuse Boulevard color palette (#FFF3E9, #AED21F, #00B69F, #AF519D, #213D20)

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