Moss Harbor color palette — #F3EEDF · #9A9700 · #286744 · #37352E · #0E0500

Moss takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F3EEDF): A whisper-light, dusty green — the color of fresh herbs.
• Moss (#9A9700): A luminous, balanced green — the color of fresh herbs.
• Pine (#286744): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#37352E): quiet, heavy and certain.
• Ink (#0E0500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

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

• Frosted Moss Station color palette (#EFF1DD, #32AE09, #006761, #223C1D, #0B0700)
• Timeworn Amber Field color palette (#F0E4DA, #D47700, #5F5C07, #39332E, #110401)
• Worn Olive color palette (#ECEFCF, #7B7D00, #224110, #002116, #010A04)
• Weathered Lime color palette (#F4F2E4, #ACC355, #6A8647, #615500, #25211C)
• Teal Hollow color palette (#D9EBD5, #00C4B6, #5B776C, #434D41, #181912)
• Softworn Lagoon Courtyard color palette (#D3E5C7, #008E75, #004A5C, #16210E, #020200)
• Pale Emerald color palette (#F8EFDB, #9FBD00, #18A825, #007B52, #00413D)
• Timeworn Mint color palette (#EFECD4, #25E299, #00ACAC, #A26483, #033822)

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