Timeworn Moss color palette — #F7F0DF · #AB9600 · #707600 · #3E5B00 · #123400

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

The five colors

• Cream (#F7F0DF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#AB9600): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#707600): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3E5B00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#123400): A deep, shadowed, balanced green — the color of new leaves after rain.

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

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

• Frosted Amber Thicket color palette (#F8DFCE, #B18B00, #585F00, #2E4C00, #003B27)
• Frosted Orchard color palette (#FFEBB7, #C0A900, #767E00, #375100, #032001)
• Amber Grove color palette (#F6D9C6, #DD8700, #936800, #665100, #363400)
• Aged Olive Ridge color palette (#EEDACB, #D0A200, #929700, #2F8100, #003920)
• Patina Lantern color palette (#E8EED7, #72B145, #13932D, #005C35, #003227)
• Wandering Mint color palette (#F6F3D5, #AEE3BC, #5ACAB8, #88802D, #2E2F28)
• Worn Emerald Courtyard color palette (#DEEBB6, #A4CD8D, #5AA368, #367E55, #0A5142)
• Violet Corridor color palette (#E2DFC7, #9EB647, #8F54C6, #5B6C00, #35174F)

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