Moss Pier color palette — #F5F7E5 · #D7BD14 · #68B539 · #009079 · #1B3E21
A conversation between Clover and Saffron, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
- Saffron (#D7BD14): A luminous, vivid green — the color of fresh herbs.
- Clover (#68B539): A luminous, vivid green — the color of new leaves after rain.
- Fern (#009079): A full-bodied, balanced teal — the color of sea glass.
- Forest (#1B3E21): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Hazy Lagoon color palette (#F3F7E7, #BBD967, #07CB5A, #008A8B, #003C2D)
- Hazy Lime color palette (#FBF6DE, #F1C35B, #ABB400, #009464, #34332C)
- Clover Studio color palette (#F4F3DE, #FFB958, #60C34C, #0093A7, #001D09)
- Hazy Lime color palette (#DEFDF6, #FFC67F, #82D25D, #00AEBC, #073A38)
- Hushed Marigold color palette (#FDF4E5, #FFB389, #D2A300, #617E00, #363200)
- Mint Market color palette (#EEF9EB, #80D890, #00B69E, #0081A3, #003C3D)
- Muted Delta color palette (#E6ECD1, #9DA800, #009139, #006C66, #001A0D)
- Patina Olive color palette (#FBF5E7, #98A06F, #467026, #564B1B, #37362F)
Browse the whole catalog at Explore, or see today's palette.