Moss Harbor color palette — #F3EFDF · #BFC676 · #D4A2FF · #888E00 · #43245C

Olive Leaf and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3EFDF): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#BFC676): A luminous, balanced green — the color of fresh herbs.
• Lavender (#D4A2FF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#888E00): A luminous, balanced green — the color of a quiet forest floor.
• Royal Purple (#43245C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Tempered Summit color palette (#F9EDDA, #E0B961, #93ABFF, #B68900, #253162)
• Hazy Chapel color palette (#F4F8E5, #A5DCAB, #DDA4F5, #4EB862, #52345E)
• Worn Quarry color palette (#F9F6E1, #C2DB6F, #AD87F9, #657800, #2D1E48)
• Ancient Lilac color palette (#DFF4ED, #9FB264, #A68AE6, #627400, #3B285F)
• Fuchsia Boulevard color palette (#E7F3E0, #64D6BA, #EE88CD, #00A98C, #541E44)
• Worn Orchid color palette (#E3E9C6, #7EC27C, #A293FB, #B864CD, #2B2E09)
• Orchid Basin color palette (#EEF0D2, #79C759, #A96AED, #2D6F00, #270044)
• Washed Jade Courtyard color palette (#F1F8EA, #CADDB3, #F9AFBE, #4BC195, #66433B)

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