Moss Pier color palette — #FFF2ED · #FFBCED · #FF9B94 · #7E8E2B · #46403B

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Carnation (#FFBCED): A whisper-light, balanced pink — the color of a candy shop window.
• Melon (#FF9B94): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#7E8E2B): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal (#46403B): quiet, heavy and certain.

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

• Marigold Station color palette (#FFF3E8, #FFC5D0, #EBA14F, #539B55, #443F39)
• Bronze Canyon color palette (#FFF1F0, #DED3FF, #F39AAD, #B17825, #453D3A)
• Timeworn Amber color palette (#FCEDF6, #F5CEC6, #FFA483, #B28200, #3B1908)
• Worn Bronze Harbor color palette (#FFD1CF, #E49D77, #A4691C, #655400, #264C2D)
• Muted Stone Bloom color palette (#FFEFEE, #D9B49D, #95896B, #736171, #66454F)
• Softworn Studio color palette (#FBF6DF, #FFA180, #9EAB35, #00827F, #263D0C)
• Amber Loft color palette (#FFF3E8, #FF89CB, #E86B00, #3E7800, #352500)
• Mustard Balcony color palette (#FFF0FA, #F4D1D8, #E6BEA3, #CCC751, #50303D)

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