Tempered Olive color palette — #F6F6E8 · #E5CD9A · #49702C · #163000 · #040400

A conversation between Olive and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Wheat (#E5CD9A): A whisper-light, dusty gold — the color of old brass.
• Olive (#49702C): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#163000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Lagoon Delta color palette (#F3F7E9, #E1E3B7, #508464, #154229, #0E1106)
• Patina Mustard Bloom color palette (#EEF9E8, #EEBB40, #006758, #00251E, #000201)
• Patina Emerald color palette (#EEF0E2, #F9B790, #429E4A, #405F41, #161807)
• Tempered Amber Atelier color palette (#D7EFED, #D78C53, #175429, #002220, #000706)
• Bronze Lagoon color palette (#E1F4E3, #9A7304, #46424E, #002022, #000202)
• Chalky Lantern color palette (#F4F7EB, #A3E2AB, #0099B8, #008F37, #000803)
• Weathered Delta color palette (#FFF4E2, #71CAB4, #008DA6, #812B60, #002826)
• Feathered Cerulean color palette (#DCFFEB, #85DCCE, #00A2AB, #005D72, #002135)

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