Moss Harbor color palette — #F9F0CE · #609000 · #00743C · #00473D · #000406
Olive Leaf takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F9F0CE): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#609000): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#00743C): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00473D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000406): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Moss Harbor 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
- Hushed Emerald Bloom color palette (#DFEED1, #009658, #006D62, #004751, #000308)
- Washed Pine color palette (#D8ECCF, #008A30, #005434, #002C1F, #000303)
- Bronze Harbor color palette (#EADCCF, #917D00, #586C00, #00471D, #000604)
- Faded Garnet color palette (#FBE6F0, #6F8500, #00695A, #670056, #000500)
- Worn Workshop color palette (#E4F3EB, #7C7500, #005D86, #690028, #060000)
- Worn Olive Veranda color palette (#E5F2ED, #8CA6AF, #6E8EA3, #5B6C00, #010C08)
- Lagoon Loft color palette (#DFE2C8, #4D986E, #007789, #62333B, #2C000B)
- Tempered Emerald color palette (#D5EDEA, #BF9B00, #00AB37, #00838C, #000604)
Browse the whole catalog at Explore, or see today's palette.