Soft Moss color palette — #E8F6EE · #9C9017 · #007942 · #004A51 · #311600

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

The five colors

• Cream (#E8F6EE): bright and airy, almost weightless.
• Moss (#9C9017): A luminous, balanced green — the color of fresh herbs.
• Pine (#007942): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#311600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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 Moss Terrace color palette (#E6F6F3, #669F54, #00746F, #004569, #261D00)
• Olive Chapel color palette (#E8F6E9, #AE8641, #537000, #004D3C, #00232B)
• Tempered Olive Bloom color palette (#C4EBDD, #6A7B00, #005A45, #00323F, #170B00)
• Aged Marigold Field color palette (#FDF4E5, #C99F00, #5D904F, #006C66, #3D3632)
• Ancient Atelier color palette (#E6F6F0, #8AC0B3, #528448, #3F5E44, #132D27)
• Olive Orchard color palette (#D2F7E3, #A9AA58, #768300, #425900, #03372F)
• Misty Amber color palette (#FFF3E7, #C47200, #00736C, #444172, #3F2947)
• Ancient Mustard color palette (#E9F6EB, #FFDAB8, #E8B100, #95902C, #052A16)

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