Moss Pier color palette — #F9F2DA · #949500 · #00644B · #4A4A00 · #0B1500
Moss and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F2DA): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#949500): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00644B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#4A4A00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#0B1500): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Forest Parlor color palette (#FEF0DD, #BB8200, #016717, #5E4000, #111300)
- Antique Amber color palette (#F5EDD9, #AC9400, #00686D, #594C00, #000405)
- Airy Emerald color palette (#EDF7DB, #00A969, #005C80, #005532, #00170F)
- Softworn Emerald Grove color palette (#FDE1A8, #3B9400, #006052, #510479, #003317)
- Hushed Grove color palette (#F5F7E4, #23C228, #007378, #0E6811, #0E2212)
- Hushed Canyon color palette (#E2EDD0, #1AB328, #007453, #00443B, #002F31)
- Timeworn Mustard color palette (#E3F8EB, #C7AA00, #008793, #7B6800, #001518)
- Tempered Fern color palette (#F6F6E9, #D0D6BC, #9AAE89, #3F6800, #33332C)
Browse the whole catalog at Explore, or see today's palette.