Moss Harbor color palette — #FCF5E0 · #D9CF6E · #AFB7FF · #AEA11E · #3B3E64

Built around Mustard, softened by Honey — the whole palette hums with nature and growth.

The five colors

• Cream (#FCF5E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Honey (#D9CF6E): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#AFB7FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#AEA11E): A luminous, balanced green — the color of new leaves after rain.
• Navy (#3B3E64): 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

• Chalky Aqua color palette (#FCF5E4, #DCCE77, #52CDFF, #B0A03F, #17485D)
• Softworn Veranda color palette (#FEF5DB, #CEC24A, #A2ADFF, #C489BB, #3A3831)
• Gentle Summit color palette (#F6F6E8, #AADD92, #D7A4FF, #78B05D, #5B3542)
• Sunflower Market color palette (#FDF4E3, #EDD46C, #F79BB7, #9E8933, #532937)
• Quiet Sunflower Atelier color palette (#F3DFDF, #CCC8FF, #CED000, #6C5A04, #2E2C26)
• Dusty Chartreuse Atelier color palette (#E9E8BA, #9BE233, #A995FF, #568500, #311A65)
• Quiet Pier color palette (#E2F8EC, #AFA65C, #8A84C4, #716600, #1E2444)
• Taupe Dune color palette (#FBF5E6, #CAD8A7, #BAAE6B, #A48154, #3D4100)

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