Moss Harbor color palette — #F8F5E9 · #C5CA90 · #D898D2 · #8E933A · #664147

Moss and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5E9): bright and airy, almost weightless.
• Pistachio (#C5CA90): A whisper-light, dusty green — the color of new leaves after rain.
• Mauve (#D898D2): A luminous, balanced pink — the color of neon signs at night.
• Moss (#8E933A): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#664147): A full-bodied, dusty red — the color of late-summer berries.

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

• Worn Lagoon color palette (#F2F7ED, #8CD7B5, #DB99C5, #489F7C, #614446)
• Blush Lagoon color palette (#F9F5E5, #B1B776, #D08BB8, #B47B7F, #44423B)
• Dusty Summit color palette (#E5FBF5, #9BBD79, #A68AC6, #617D43, #494A67)
• Patina Taupe Study color palette (#E4FBF5, #D4F0BE, #D7C0F2, #87A56E, #424265)
• Dusty Sky color palette (#F9F5EA, #D1C586, #73B9EF, #9C8D3F, #2B574B)
• Dusty Thicket color palette (#FEF3E9, #DEC7A4, #C38E6A, #A36048, #554700)
• Hushed Powder color palette (#F6F6E9, #C4E0AA, #89D2F4, #97B37B, #335547)
• Coral Basin color palette (#EAFBE9, #62CBC8, #F37B7E, #009391, #5F3435)

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