Moss Harbor color palette — #E2FFD2 · #F9A51A · #74AD00 · #007077 · #000201

Built around Clover, softened by Saffron — the whole palette hums with nature and growth.

The five colors

• Custard (#E2FFD2): A whisper-light, dusty green — the color of fresh herbs.
• Saffron (#F9A51A): A luminous, vivid gold — the color of afternoon light on wheat.
• Clover (#74AD00): A luminous, vivid green — the color of a quiet forest floor.
• Teal (#007077): A full-bodied, balanced blue — the color of open sky before noon.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, 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

• Pale Moss Terrace color palette (#D7FFED, #FFA37F, #A2A300, #007972, #000200)
• Ancient Emerald color palette (#C5FCF2, #E7B800, #00B03F, #007BA7, #000201)
• Wandering Marigold Harbor color palette (#D0F0F1, #BF9F00, #00A169, #0060A6, #000202)
• Powdered Atelier color palette (#DFE3C7, #389C00, #00654F, #002B29, #000203)
• Timeworn Emerald Station color palette (#EADDC5, #57A149, #006B7F, #4A1539, #17000F)
• Faded Moss color palette (#E5E4C5, #B6BE00, #60B400, #00A060, #020C00)
• Pale Bloom color palette (#D0E9CE, #939400, #015F14, #3D2500, #010100)
• Weathered Amber color palette (#E1E1D2, #BD8600, #5C7400, #005251, #001301)

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