Sunlit Moss color palette — #FFF3E9 · #D0B973 · #6F9600 · #7F578D · #3E3A34

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#D0B973): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#6F9600): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#7F578D): A full-bodied, balanced pink — the color of a candy shop window.
• Charcoal (#3E3A34): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Sunlit 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

• Pale Emerald color palette (#FFF4E1, #AAC779, #009F67, #905174, #3B3B34)
• Olive Orchard color palette (#FEE7CF, #B8AE4F, #3C8D00, #604E8C, #342F00)
• Moss Bloom color palette (#ECFAEB, #E2DBA0, #7BA048, #5E669B, #352F00)
• Hazy Emerald color palette (#FFF3E2, #AFC674, #00A05D, #0B758A, #3C3B34)
• Frosted Atelier color palette (#E4FCEC, #A3AA56, #4B7806, #2B566D, #1E4335)
• Chestnut Pier color palette (#F9F4EF, #DAD1B5, #84A680, #8F7481, #5E4B00)
• Moss Coast color palette (#F3E8D5, #7F9F53, #00734D, #672E4F, #131F00)
• Airy Clover color palette (#FFF1F6, #D2ABFF, #18BA2C, #843DC0, #124715)

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