Moss Coast color palette — #F6EEDA · #CBC179 · #B6B0FF · #988800 · #332D5C

Olive Leaf and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6EEDA): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#CBC179): A luminous, balanced green — the color of fresh herbs.
• Lavender (#B6B0FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#988800): A luminous, balanced green — the color of new leaves after rain.
• Navy (#332D5C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Moss Coast 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

• Patina Amber color palette (#FDEBD8, #E6B47C, #78B3FF, #C87E00, #15365E)
• Faded Moss Market color palette (#F8F6E5, #C0D691, #CFABF8, #8EAD36, #4B395E)
• Feathered Wisteria color palette (#E7FCEA, #E7B753, #B989FF, #976E00, #2E1F43)
• Hazy Emerald Hollow color palette (#EDF1DD, #8BD298, #DD93D4, #00AE4B, #511D4D)
• Dusty Ridge color palette (#EFE7D4, #CCC297, #AC9F59, #98732B, #31312A)
• Marigold Courtyard color palette (#FCF5DE, #BCF0D6, #6FE0E1, #C19F4A, #46453E)
• Peony Terrace color palette (#EFE4C3, #B4B35F, #00B4E9, #DA67A7, #352A04)
• Violet Veranda color palette (#EEE9D9, #B2B82D, #7B5EE9, #737700, #1D0050)

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