Tempered Grove color palette — #ECE3D7 · #8F8F62 · #336300 · #533800 · #2C2B00

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

The five colors

• Parchment (#ECE3D7): bright and airy, almost weightless.
• Moss (#8F8F62): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#336300): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#533800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#2C2B00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Tempered Grove 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

• Tempered Quarry color palette (#E9E4D7, #779667, #006543, #632637, #19300B)
• Softworn Cocoa Station color palette (#FCF4E6, #95A172, #426F45, #5C4802, #37362F)
• Weathered Parlor color palette (#FBF4ED, #CAC0A9, #7A875E, #547032, #624900)
• Washed Thicket color palette (#E4E3D1, #3A7B4E, #004237, #1D2700, #001506)
• Worn Moss color palette (#D6EBD8, #C1BF65, #71A051, #897149, #103023)
• Soft Boulevard color palette (#E4F6D8, #9BD8E1, #72A4EB, #396A00, #21391E)
• Quiet Plum color palette (#DAE2CB, #299460, #BD2546, #005833, #530016)
• Muted Teal Summit color palette (#B6F8EA, #1BAC97, #006658, #002F29, #001914)

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