Moss Pier color palette — #FFF0F8 · #948DD6 · #9A8B11 · #4A8658 · #4F3C46
Moss takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender Blue (#948DD6): A luminous, balanced violet — the color of wild irises.
- Moss (#9A8B11): A luminous, balanced green — the color of fresh herbs.
- Fern (#4A8658): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#4F3C46): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Creativity, 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
- Patina Lagoon color palette (#FFF1F3, #B983B3, #559D56, #3A828F, #503C3F)
- Washed Lagoon color palette (#E2FCF4, #5E9ED5, #B77A44, #8A733B, #2F4842)
- Timeworn Lilac color palette (#EFF0FF, #AB8BD1, #B97981, #537E9A, #252635)
- Muted Archive color palette (#FFE3EA, #C657F1, #486E00, #00734B, #3F234A)
- Ash Balcony color palette (#FFF1F7, #E5D8D4, #B2AF97, #A285A4, #5F4E53)
- Timeworn Courtyard color palette (#FFF1F5, #C999F1, #DB8B91, #7197B5, #4F3D42)
- Worn Chestnut color palette (#FEF4E5, #C5B793, #947D54, #834F1C, #504900)
- Worn Peony color palette (#FCDBDE, #C067B1, #006E27, #006965, #402125)
Browse the whole catalog at Explore, or see today's palette.