Weathered Garden color palette — #F9EAE2 · #C78400 · #997A00 · #575900 · #0F2800
Mustard and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9EAE2): a clean, paper-quiet neutral.
- Mustard (#C78400): A luminous, balanced gold — the color of afternoon light on wheat.
- Ochre (#997A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#575900): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#0F2800): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Weathered Garden 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
- Aged Fern Corridor color palette (#FDECD2, #9D8400, #697200, #265C00, #001F0D)
- Powdered Study color palette (#F7E7E1, #D08200, #705A00, #373F00, #041200)
- Tangerine Canyon color palette (#F8D7D5, #F96707, #B16300, #705200, #1F1B00)
- Antique Moss color palette (#D6F4E0, #9AAA1D, #937A00, #785121, #001B17)
- Coral Atelier color palette (#E0E9F7, #FF7266, #A17800, #1E3E26, #010702)
- Airy Emerald color palette (#E9E8D3, #8CA600, #389200, #006C45, #00251E)
- Tempered Mint color palette (#D9F3E3, #A3DC7C, #00D6BD, #BE7931, #222900)
- Olive Archive color palette (#F5EEDF, #C3B500, #7DA200, #1E820E, #003C26)
Browse the whole catalog at Explore, or see today's palette.