Moss Pier color palette — #E1F4E9 · #CCC265 · #F28DA4 · #A19300 · #5B1B2E

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

The five colors

• Honeydew (#E1F4E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Honey (#CCC265): A luminous, balanced green — the color of fresh herbs.
• Ballet Pink (#F28DA4): A luminous, balanced red — the color of late-summer berries.
• Moss (#A19300): A luminous, balanced green — the color of fresh herbs.
• Mulberry (#5B1B2E): A deep, shadowed, balanced red — the color of late-summer berries.

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

• Misty Amber Balcony color palette (#DEF6E6, #D2BE78, #00CAC3, #AC8F00, #003E3C)
• Rose Canyon color palette (#CAE6DB, #97A706, #F1475D, #6D7900, #3A000A)
• Lilac Balcony color palette (#FBF5E4, #CCC35D, #AB90FF, #827900, #2A1F48)
• Ember Field color palette (#CEEDDE, #B5B454, #00C09F, #E86C35, #033424)
• Jade Courtyard color palette (#E7F9F9, #AAE4C5, #F3B986, #54C08F, #654528)
• Gentle Alley color palette (#C7EEE9, #4ED559, #FC7F2E, #06A42A, #4D1E00)
• Chalky Mustard color palette (#E1FBFF, #00E3CC, #E5AC00, #00AF9C, #4C3700)
• Mustard Pier color palette (#E4FBF3, #B7F2D8, #7CE2CF, #B0B154, #1C4F45)

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