Moss Harbor color palette — #DDE890 · #82A600 · #557D00 · #2B5D00 · #00473A
Olive Leaf takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Butter (#DDE890): A whisper-light, balanced green — the color of a quiet forest floor.
- Olive Leaf (#82A600): A luminous, vivid green — the color of new leaves after rain.
- Olive Leaf (#557D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#2B5D00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00473A): A deep, shadowed, dusty teal — the color of sea glass.
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
- Gentle Clover Alley color palette (#BCF19B, #32C016, #00852C, #006234, #004E35)
- Moss Pier color palette (#EAEAD5, #92A200, #527C00, #005218, #002814)
- Antique Marigold color palette (#FFD88F, #C29C00, #7D6D00, #5A5600, #414400)
- Pale Summit color palette (#F6E5CB, #D1C640, #79BB00, #00914D, #00463F)
- Tempered Clover color palette (#DDFFE7, #11C467, #008044, #004924, #003217)
- Linen Moss Canyon color palette (#D7FFF8, #38B000, #0088C3, #206F00, #003F5E)
- Soft Mint Balcony color palette (#DDFFE7, #A4F5D0, #39D3C2, #59874B, #26533F)
- Feathered Emerald Field color palette (#C7FAD3, #00994C, #008098, #7A5B00, #083B1C)
Browse the whole catalog at Explore, or see today's palette.