Sunlit Moss color palette — #F4ECBE · #C3BE6B · #9BA000 · #697816 · #214E43
Moss takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F4ECBE): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#C3BE6B): A luminous, balanced green — the color of new leaves after rain.
- Moss (#9BA000): A luminous, balanced green — the color of new leaves after rain.
- Olive (#697816): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#214E43): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Mustard Lagoon color palette (#FED9AC, #BEA532, #817E00, #45622E, #1B4D49)
- Soft Moss Coast color palette (#D4EABE, #A3CF8A, #4BA942, #3C8250, #154C4C)
- Gentle Turquoise color palette (#E7FAF4, #ACC36E, #00B7DC, #758B29, #1F485B)
- Ancient Amber Alley color palette (#FFECF3, #E9B370, #C28B00, #896900, #2D533C)
- Quiet Moss color palette (#D7FFF6, #BAD99C, #77A23D, #476718, #263711)
- Timeworn Bronze color palette (#DFFDF7, #7BB770, #00ACBC, #B17A1C, #213E3A)
- Seafoam Boulevard color palette (#E0FDF6, #BEE5F0, #A4EBC4, #909A5C, #374D49)
- Dusty Orchard color palette (#EDEDD0, #7E8700, #4A5D00, #243900, #071900)
Browse the whole catalog at Explore, or see today's palette.