Tempered Olive color palette — #F7EED7 · #90A764 · #766B00 · #634200 · #35362F

Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7EED7): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#90A764): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#766B00): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#634200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#35362F): quiet, heavy and certain.

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

Use it as a design system

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

• Bronze Balcony color palette (#FEEBD8, #B69958, #975800, #7A2E15, #37352F)
• Dusty Mustard color palette (#FBEEC8, #B5BE44, #918A21, #715F0E, #37362F)
• Aged Bronze color palette (#F4E7DA, #937000, #653900, #4A1200, #181700)
• Weathered Thicket color palette (#FFF2EB, #CEB298, #A7715F, #785349, #604100)
• Worn Terracotta color palette (#EEDACE, #AA7D52, #8F3400, #611A23, #322000)
• Moonless Corridor color palette (#F3DCCC, #7B4E00, #481D00, #290002, #050300)
• Chalky Plum color palette (#DCFEF3, #007DC1, #B60F6B, #5E4600, #092E47)
• Plum Courtyard color palette (#EBF9F0, #00B5D1, #A90096, #006171, #321015)

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