Moss Harbor color palette — #F7F7E3 · #B9E49A · #AFB2FF · #6B9A42 · #33325D

A conversation between Olive Leaf and Lavender, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F7E3): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B9E49A): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#AFB2FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#6B9A42): A luminous, balanced green — the color of new leaves after rain.
• Navy (#33325D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged light.

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

• Quiet Moss color palette (#E4FCF3, #C6D58B, #C8ACFF, #96AB00, #493767)
• Soft Emerald color palette (#F5F7E3, #ADE6A6, #E4A3CF, #619B5A, #4F2A44)
• Amber Atelier color palette (#FDF4E5, #F4CF86, #A3B9F6, #AE8217, #2C3758)
• Quiet Archive color palette (#FCF6D5, #B2C571, #C096DC, #A581BD, #302B11)
• Sunlit Lilac Coast color palette (#E5FCF1, #A2A656, #9D72C9, #696B00, #4A3A5C)
• Peony Workshop color palette (#EAFBE3, #33F6DA, #E96DB9, #009281, #4E133A)
• Lagoon Balcony color palette (#EFF9EB, #F3DBC4, #398577, #004339, #0A1206)
• Dusty Taupe color palette (#FFF2EA, #F1D8BB, #C1917E, #895E55, #34312B)

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