Moss Harbor color palette — #F9FABD · #FAC50B · #B1B300 · #68A100 · #272B00

Built around Olive Leaf, softened by Sunflower — the whole palette hums with nature and growth.

The five colors

• Custard (#F9FABD): A whisper-light, dusty green — the color of new leaves after rain.
• Sunflower (#FAC50B): A whisper-light, vivid gold — the color of old brass.
• Gold (#B1B300): A luminous, vivid green — the color of fresh herbs.
• Olive Leaf (#68A100): A luminous, vivid green — the color of fresh herbs.
• Deep Forest (#272B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Chalky Marigold Terrace color palette (#FFF5D3, #E2A300, #9FA200, #00834F, #242C00)
• Lime Grove color palette (#F8F9CE, #DCD900, #80CE00, #00A55E, #103200)
• Soft Ridge color palette (#DCFFF0, #FFD391, #C5D200, #00CF76, #273100)
• Dusty Apricot Corridor color palette (#FFF3E8, #FFB28B, #FD9C3C, #A98400, #372000)
• Quiet Sunflower Veranda color palette (#FFF4DC, #EBDACB, #EDCC00, #00BBB3, #0E1C00)
• Frosted Clover Corridor color palette (#EAF3E3, #57BA00, #008D2A, #006936, #003923)
• Hushed Clover Loft color palette (#C4F3CB, #00BE51, #D76900, #007F33, #4B2000)
• Patina Bloom color palette (#F9F6E3, #B1F1D2, #C9DB98, #8FB890, #504A00)

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