Moss Pier color palette — #FFF6CD · #C3DC65 · #69AF00 · #00702F · #004334
Clover and Chartreuse set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FFF6CD): A whisper-light, dusty green — the color of a quiet forest floor.
- Chartreuse (#C3DC65): A whisper-light, balanced green — the color of new leaves after rain.
- Clover (#69AF00): A luminous, vivid green — the color of fresh herbs.
- Pine (#00702F): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004334): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Energy, Balance. Tagged cool.
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
- Hazy Moss Atelier color palette (#FFF3E4, #E0C231, #98A700, #357600, #004426)
- Misty Emerald Balcony color palette (#ECFEC8, #A5D28E, #00A266, #00735D, #003030)
- Hushed Parlor color palette (#DCE2CF, #A5D830, #61B700, #219314, #0B4C20)
- Clover Station color palette (#DCFFEA, #96F3BB, #00B75E, #005E2F, #001B0A)
- Olive Alley color palette (#EFF3B7, #92BB58, #1B8E17, #006043, #001F1C)
- Pale Veranda color palette (#F7F9CE, #A6E7C0, #24C0A2, #00767A, #004553)
- Moss Delta color palette (#F3FAD1, #C9F2F7, #C7C8DE, #A69D00, #184831)
- Muted Amber Bloom color palette (#FFF2EB, #FFB45B, #C39600, #756B00, #2D3F00)
Browse the whole catalog at Explore, or see today's palette.