Moss Harbor color palette — #F7F5EF · #DFD0A9 · #73AC73 · #9B8E29 · #2D2F28

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

The five colors

• Ivory (#F7F5EF): bright and airy, almost weightless.
• Wheat (#DFD0A9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Jade (#73AC73): A luminous, balanced green — the color of fresh herbs.
• Moss (#9B8E29): A luminous, balanced green — the color of new leaves after rain.
• Onyx (#2D2F28): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Tempered Emerald Field color palette (#F5F6EF, #B6DDB6, #5EAD99, #5A9F5D, #283122)
• Stone Harbor color palette (#EFF7F2, #BDE7CE, #9DB97E, #A79A60, #10221E)
• Dusty Pine Summit color palette (#FBF7D5, #CCCDA1, #7BAB7A, #23844E, #00513B)
• Softworn Mint Station color palette (#F1F7F1, #FFD799, #71CCA9, #CBA466, #223132)
• Taupe Courtyard color palette (#F7F5EF, #D7DBD5, #A8B3AF, #9CA070, #555348)
• Hushed Petrol Atelier color palette (#F9F5E4, #AEC799, #6FA07D, #237996, #4A4C00)
• Weathered Lagoon color palette (#F9F4EF, #DCBA8F, #009183, #90631E, #293027)
• Emerald Summit color palette (#F8F6E7, #AFC75D, #00A150, #6E8200, #1A2002)

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