Moss Pier color palette — #EEF7F4 · #CFDCE2 · #B0C2D5 · #759400 · #27473E

Olive Leaf and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF7F4): bright and airy, almost weightless.
• Silver (#CFDCE2): bright and airy, almost weightless.
• Ash (#B0C2D5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive Leaf (#759400): A luminous, balanced green — the color of fresh herbs.
• Forest (#27473E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Olive Meadow color palette (#E9F0EE, #CDDBDC, #A3BCC7, #50821E, #20322E)
• Antique Coast color palette (#EFF7F7, #D6DBE2, #BDC0D1, #39A57F, #3A4B4C)
• Tempered Amber color palette (#F0F7F0, #CCDEDE, #A7C6D0, #B47800, #384338)
• Aged Coast color palette (#CBE7E5, #00A056, #044F53, #003016, #061510)
• Patina Lagoon Orchard color palette (#EBF9F0, #A7C68D, #329B77, #7D6700, #2C4215)
• Forest Market color palette (#DFECED, #A6B7C0, #8497AE, #006152, #00181B)
• Weathered Bronze color palette (#FFDBE8, #B8BF85, #43A895, #A15636, #653C20)
• Hazy Lantern color palette (#FDF0FF, #B8AC00, #009180, #A2006C, #253D10)

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