Moss Harbor color palette — #EAF9F3 · #CDDF82 · #BEACFF · #839330 · #313654

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

The five colors

• Ivory (#EAF9F3): a clean, paper-quiet neutral.
• Honey (#CDDF82): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#BEACFF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#839330): A luminous, balanced green — the color of fresh herbs.
• Navy (#313654): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Gentle Amber Cabin color palette (#EBFAEE, #F4CF7D, #99BAFF, #AC8300, #263955)
• Emerald Studio color palette (#E8F9F8, #A2E8B0, #E69DE5, #44A05D, #3B3253)
• Taupe Study color palette (#E0FDF4, #C0E6F4, #9FBAD0, #ADA066, #354C48)
• Patina Bloom color palette (#E1FCF4, #A8C96B, #5CB2F6, #CF7088, #11322A)
• Pale Olive color palette (#F7F2DF, #A6A963, #A579BC, #686A00, #321C3D)
• Tempered Grape Station color palette (#D8EAE5, #6D9D1F, #7900C6, #2C4500, #020006)
• Gentle Olive color palette (#F8F6E1, #90AA68, #1098BA, #547115, #034A5C)
• Pine Canyon color palette (#EAF8F8, #FEE2A8, #1B8B5D, #17422D, #051212)

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