Moss Harbor color palette — #F7EED4 · #96C479 · #918A00 · #855500 · #343730

A conversation between Olive Leaf and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7EED4): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#96C479): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#918A00): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#855500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#343730): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Feathered Amber Pier color palette (#FFEBD3, #C0B768, #B47800, #994323, #36362F)
• Aged Moss Drift color palette (#DBFFED, #BCDD94, #9B9631, #7D5800, #053114)
• Weathered Moss Garden color palette (#F0DBB3, #99B146, #907400, #7C4100, #063214)
• Timeworn Bronze color palette (#F9F5EB, #CDCDAB, #A39E6C, #986A30, #3D5007)
• Muted Cabin color palette (#F4DFD1, #BD9760, #B54F00, #7F2C3A, #2C2306)
• Olive Bloom color palette (#EFDFC7, #838317, #6C4C00, #521F00, #0C0C00)
• Hazy Quarry color palette (#FFD8E4, #FF9A96, #C07900, #6A5A00, #223D00)
• Patina Cocoa Chapel color palette (#F0DED2, #94631D, #752900, #49001A, #040300)

Browse the whole catalog at Explore, or see today's palette.