Timeworn Moss color palette — #F8DE86 · #AAA200 · #627500 · #2B5B00 · #004337
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Butter (#F8DE86): A whisper-light, balanced green — the color of fresh herbs.
- Moss (#AAA200): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#627500): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#2B5B00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004337): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Timeworn 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
- Gentle Pine Loft color palette (#E1E6D0, #7FA247, #227C2A, #005E34, #004635)
- Moss Chapel color palette (#F2DE9B, #C9C300, #8DB100, #458E00, #194F19)
- Patina Marigold Field color palette (#F6E8DB, #C69D00, #657100, #155500, #002A20)
- Tempered Amber color palette (#F5DAC5, #CD8800, #8C7000, #5E5400, #3C4100)
- Pine Station color palette (#E1FFDB, #71C16B, #148117, #164A00, #023406)
- Dusty Olive Basin color palette (#F7F8D4, #A7F9C9, #4BCAC6, #7A7C0E, #2A4B2E)
- Feathered Byzantium Pier color palette (#FAF7D3, #8AB345, #9641BF, #496800, #511F69)
- Moss Field color palette (#EEEFC2, #509400, #0C71D2, #A23246, #1E3907)
Browse the whole catalog at Explore, or see today's palette.