Moss Coast color palette — #DCE8E5 · #709E3B · #006544 · #325100 · #000303

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

The five colors

• Parchment (#DCE8E5): a clean, paper-quiet neutral.
• Olive Leaf (#709E3B): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#006544): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#325100): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#000303): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged duotone, muted.

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

• Fern Atelier color palette (#E9F5F3, #6BB561, #007663, #166707, #00080A)
• Ancient Moss color palette (#F0EBDA, #918D00, #005966, #464400, #001206)
• Hushed Pine Pier color palette (#D0E5E4, #0F8F4F, #004E4C, #004221, #000102)
• Wandering Emerald color palette (#D5EADA, #00A172, #006451, #003932, #001313)
• Ancient Ridge color palette (#E0ECEA, #BCD0CF, #8BABAC, #0C6713, #0A1917)
• Frosted Mustard color palette (#EDF8F2, #C9BF3C, #008694, #6D6600, #000102)
• Pale Navy Veranda color palette (#D6EBEF, #007C74, #004D6B, #1F0672, #17001B)
• Eclipse Denim Parlor color palette (#D1E3EB, #00646E, #232E50, #002328, #000103)

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