Moss Pier color palette — #F8F0D1 · #6F9A59 · #006359 · #59263F · #440F20
Built around Moss, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Custard (#F8F0D1): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#6F9A59): A luminous, balanced green — the color of new leaves after rain.
- Pine (#006359): A full-bodied, dusty teal — the color of sea glass.
- Mulberry (#59263F): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Espresso (#440F20): A deep, shadowed, balanced red — the color of late-summer berries.
Feels like: Nature, Growth, Balance. Tagged vintage, retro, muted.
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
- Antique Coast color palette (#DDE3D5, #50947A, #0D6377, #601F23, #3C1D08)
- Hushed Fern Harbor color palette (#FEDCCE, #987F51, #316119, #3D285D, #3C1839)
- Ancient Studio color palette (#E3EACB, #30AB81, #007F9C, #7F3128, #642300)
- Fern Courtyard color palette (#EADFD1, #817E2C, #2B5000, #3F2A00, #1D1C00)
- Weathered Jade color palette (#E3EDE2, #50B086, #117E71, #295449, #12264C)
- Washed Pewter color palette (#DEE8CD, #8AB290, #59928B, #6E5C89, #2E2141)
- Linen Boulevard color palette (#E2E8D6, #00824A, #A9002C, #004525, #3A0009)
- Worn Cocoa Boulevard color palette (#DFE8D2, #61A5B4, #4D6690, #664014, #3D3932)
Browse the whole catalog at Explore, or see today's palette.