Moss Pier color palette — #FFF0F8 · #F5D1D6 · #FFAD99 · #7BAD00 · #291800

Clover and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Shell Pink (#F5D1D6): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FFAD99): A whisper-light, balanced orange — the color of toasted spice.
• Clover (#7BAD00): A luminous, vivid green — the color of a quiet forest floor.
• Onyx (#291800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, 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

• Frosted Mustard Chapel color palette (#FFEFFF, #EDD1E3, #FFB1BC, #B8A300, #3F0101)
• Clover Ridge color palette (#FFF3E5, #EAD9D1, #FCBA40, #00C14B, #161400)
• Clover Ridge color palette (#E5FDE6, #C1EDBA, #E3DAD1, #3BC978, #2B2B00)
• Patina Mustard Dune color palette (#DBFFED, #FFC1AF, #B6B000, #008989, #010500)
• Aged Hollow color palette (#FFEBF6, #FF95AB, #F46503, #947000, #1F0E00)
• Pale Apricot color palette (#FFE2DA, #FC9A32, #AD7700, #585300, #122A00)
• Linen Studio color palette (#E8FBED, #D8D7CB, #F8D355, #30CBB6, #142800)
• Hushed Moss Chapel color palette (#D9FEF2, #FE983A, #6DA700, #007689, #000200)

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