Moss Harbor color palette — #FFF2EA · #FFD8FB · #FFC2B0 · #87A800 · #241600

Built around Moss, softened by Wheat — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Thistle (#FFD8FB): A whisper-light, dusty pink — the color of a candy shop window.
• Wheat (#FFC2B0): A whisper-light, dusty orange — the color of autumn markets.
• Moss (#87A800): A luminous, vivid green — the color of fresh herbs.
• Ink (#241600): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Softworn Amber Summit color palette (#FFF2ED, #F9D4EA, #FFACB4, #BD8E00, #310A00)
• Faded Workshop color palette (#FFF3E6, #E7D2C7, #FFBC83, #1BC22D, #231A00)
• Airy Mustard color palette (#FCF5DB, #FFC19E, #B9A800, #00888B, #030800)
• Honey Delta color palette (#FFF3E2, #F6D5C6, #F5C00F, #00B698, #171800)
• Hushed Balcony color palette (#FFF3E3, #BECC81, #129D4F, #693297, #1D2100)
• Aged Apricot Grove color palette (#FFEAE6, #FF9A58, #A57F00, #4E4F00, #112D00)
• Tangerine Coast color palette (#FFEEE3, #FF9192, #F86C00, #8A7500, #1C0C00)
• Navy Coast color palette (#FFF0F7, #F8AB88, #8F9849, #525695, #282567)

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