Moss Pier color palette — #FFF1F6 · #F9BF9D · #809D55 · #5E5897 · #2E2954

Moss and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Cantaloupe (#F9BF9D): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Moss (#809D55): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5E5897): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2E2954): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Honey Canyon color palette (#FFF2EF, #ECC266, #4BA87F, #764C81, #402049)
• Ultramarine Grove color palette (#FBF1FF, #FFA7B3, #B88447, #515DB2, #293065)
• Weathered Mustard color palette (#FCDBC9, #EAB048, #9CA853, #4983A1, #23366A)
• Softworn Amber Bloom color palette (#F7D6D7, #CC8B48, #707A2F, #3D4487, #46305F)
• Antique Pewter color palette (#FFF2EA, #DAD2A3, #78AC97, #8B5B73, #532F2F)
• Tempered Delta color palette (#F2DAC3, #819462, #00696C, #4E170E, #190100)
• Emerald Canyon color palette (#FFF3E4, #C1CD5C, #009840, #66468A, #1E2100)
• Hazy Parlor color palette (#FFD5AC, #9BB885, #007E75, #5A2B42, #280317)

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