Moss Harbor color palette — #E8DFAF · #C0BD5C · #AA9500 · #8B6C00 · #282C00
Mustard takes the lead with Gold close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#E8DFAF): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#C0BD5C): A luminous, balanced green — the color of a quiet forest floor.
- Mustard (#AA9500): A luminous, balanced green — the color of a quiet forest floor.
- Ochre (#8B6C00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Forest (#282C00): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Dusty Lime Ridge color palette (#EDDCB8, #9CB133, #8C7600, #734800, #0C3203)
- Tempered Terrace color palette (#F3E6D6, #DBBD85, #C5934B, #9C6F41, #33302A)
- Lime Ridge color palette (#DCFFE9, #B2C828, #947D00, #6C4300, #041F00)
- Moss Garden color palette (#E8E0BF, #7F9850, #6B5A00, #512B00, #001808)
- Soft Amber Field color palette (#F8D7BE, #EEA66A, #E56E00, #B15029, #3C2200)
- Fern Veranda color palette (#F9F5E7, #E0DABA, #B8BA84, #9D9173, #4F4900)
- Powdered Amethyst Terrace color palette (#FFDADE, #FF6886, #BEA01F, #7049E6, #3F0314)
- Feathered Emerald Market color palette (#FFEFD8, #D69400, #00A758, #007D7D, #001B2E)
Browse the whole catalog at Explore, or see today's palette.