Moss Pier color palette — #F3F6CE · #E5A700 · #36B504 · #007086 · #000201
Clover and Gold set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F3F6CE): A whisper-light, dusty green — the color of fresh herbs.
- Gold (#E5A700): A luminous, balanced gold — the color of honey in a jar.
- Clover (#36B504): A luminous, vivid green — the color of new leaves after rain.
- Teal (#007086): A full-bodied, balanced blue — the color of open sky before noon.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. 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
- Washed Mustard Balcony color palette (#EAF4CA, #CDB800, #00B382, #00779E, #000201)
- Apricot Pier color palette (#F9F9C8, #FF8D48, #979E00, #007879, #000200)
- Quiet Mustard Archive color palette (#E0E7D9, #B1A600, #009784, #00549D, #000102)
- Clover Coast color palette (#D5EAE8, #AEB900, #10C131, #009C97, #001209)
- Dusty Olive color palette (#DBF2F0, #CA8400, #22880B, #00516B, #000B06)
- Pine Terrace color palette (#E2E6CE, #8E8F00, #0B801C, #005F56, #000301)
- Moss Orchard color palette (#EAE0CD, #7E9952, #005D3B, #372900, #010100)
- Ultramarine Market color palette (#CDFFFE, #87CF00, #00A3A3, #0050E1, #000102)
Browse the whole catalog at Explore, or see today's palette.