Moss Coast color palette — #F7F5EB · #D0DFD1 · #A6CBB9 · #818F39 · #4A4000

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

The five colors

• Ivory (#F7F5EB): bright and airy, almost weightless.
• Silver (#D0DFD1): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#A6CBB9): A luminous, dusty teal — the color of shallow lagoons.
• Olive Leaf (#818F39): A luminous, balanced green — the color of a quiet forest floor.
• Deep Olive (#4A4000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Drift color palette (#F3F7EF, #CBE0DA, #9BCECC, #189D74, #324801)
• Amber Harbor color palette (#FAF4ED, #D8DCCD, #B4CBA9, #B97500, #5A3700)
• Wandering Moss Hollow color palette (#ECF8F4, #CEDEE3, #BCB5BD, #879C4D, #203B33)
• Olive Meadow color palette (#EBF9F5, #C5E0E6, #9CC6C2, #5A7527, #2E453F)
• Emerald Chapel color palette (#FCF4E6, #AFC584, #369D55, #7A681F, #3C3B34)
• Teal Orchard color palette (#F2F7F1, #D3DDDC, #B9B4AA, #67A9A8, #50544F)
• Antique Emerald Bloom color palette (#E5EBD0, #00A243, #00514A, #252A06, #151203)
• Pine Field color palette (#E1E3DB, #BEC7BA, #8FAD97, #007437, #1E2112)

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