Soft Moss color palette — #D1E2E4 · #9B8F00 · #008968 · #004688 · #000102

Moss and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D1E2E4): bright and airy, almost weightless.
• Moss (#9B8F00): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008968): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004688): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Soft Moss 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 Orchard color palette (#D4E8E4, #B87E00, #228609, #005563, #000402)
• Tempered Emerald Loft color palette (#C8E6E9, #00B236, #008873, #005769, #000A0A)
• Hazy Quarry color palette (#D1F1F7, #6AA400, #00787A, #012BD7, #000102)
• Softworn Sapphire Lagoon color palette (#DAF0D4, #ABAF00, #00A38E, #006BC9, #000B0C)
• Pale Grape Quarry color palette (#C8E6F7, #009D5B, #00799E, #5C00C4, #000103)
• Tempered Pine Thicket color palette (#D7F2E7, #2F784E, #003F3C, #1D2100, #000401)
• Quiet Lime color palette (#E9FBDE, #66D349, #00AE90, #007084, #000201)
• Patina Chapel color palette (#E4E9DC, #00776A, #004767, #391400, #1C0112)

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