Moss Harbor color palette — #FCF1FA · #D2857D · #749753 · #3B7497 · #3A3140

A conversation between Moss and Coral Clay, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Coral Clay (#D2857D): A luminous, balanced orange — the color of sun-warmed clay.
• Moss (#749753): A luminous, balanced green — the color of fresh herbs.
• Slate (#3B7497): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3A3140): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Weathered Moss Study color palette (#F5F3FF, #C18CCB, #74964D, #31708F, #343143)
• Ancient Stone color palette (#FFF2EE, #EFA4A9, #6C9B7A, #397289, #301D23)
• Blush Villa color palette (#F8F3FC, #D587AA, #1A9B92, #76618D, #393140)
• Ancient Veranda color palette (#E8FBEE, #F4A6A7, #B08B56, #4F7292, #54414E)
• Timeworn Amber color palette (#EFF8EE, #BA833C, #008794, #734480, #222E20)
• Timeworn Mustard color palette (#FBF4EA, #D3B96F, #A1A872, #579779, #422C2F)
• Ancient Archive color palette (#FDEDF4, #D38655, #455F4C, #42333A, #252024)
• Tempered Alley color palette (#FEF2F0, #BB6B8A, #8A632A, #494D75, #3F2D31)

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