Moss Pier color palette — #FFF2EF · #D18699 · #889200 · #A03F5D · #424618

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Dusty Rose (#D18699): A luminous, balanced red — the color of a theater curtain.
• Olive Leaf (#889200): A luminous, balanced green — the color of new leaves after rain.
• Raspberry (#A03F5D): A full-bodied, balanced red — the color of a theater curtain.
• Deep Olive (#424618): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Washed Emerald color palette (#FFF2EF, #D2869A, #30A161, #9D425F, #41433C)
• Amber Lantern color palette (#FFF1F5, #B18DD7, #B57D00, #765299, #553E16)
• Worn Alley color palette (#F3EFFF, #D581CC, #50A267, #884A82, #002E2D)
• Emerald Veranda color palette (#FFF1F6, #AC8DDE, #4F9E58, #72539F, #284C2C)
• Ancient Bronze Ridge color palette (#FFF2EA, #BCA282, #996349, #724147, #3F3D36)
• Frosted Mallow Balcony color palette (#FFF1F3, #ED92E3, #6EB97B, #A16B9A, #284C2E)
• Ember Boulevard color palette (#FFF2EA, #E6692A, #009288, #983A00, #00453F)
• Washed Lilac color palette (#FFF1F5, #9D75BA, #008F7B, #066F87, #483038)

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