Tempered Olive color palette — #FFF1F7 · #E7C698 · #B9A256 · #777828 · #2F584E

A conversation between Walnut and Camel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Wheat (#E7C698): A whisper-light, dusty gold — the color of old brass.
• Camel (#B9A256): A luminous, balanced green — the color of a quiet forest floor.
• Walnut (#777828): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#2F584E): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Dusty Market color palette (#E0FFE5, #CDC693, #99AC65, #4B824B, #1E5557)
• Washed Marigold Lagoon color palette (#FFF3E8, #DEDEC3, #C5A85E, #7A804F, #524F00)
• Hushed Amber Quarry color palette (#FFEFDB, #D1B378, #A68727, #6F6324, #4F514A)
• Bronze Lagoon color palette (#FCF1FF, #F3B6B1, #D0886C, #AB6A2D, #3A5A3F)
• Aged Parlor color palette (#EBF9F0, #CFC596, #A8ACE2, #A28C00, #404C6C)
• Mustard Workshop color palette (#EEE1D1, #D1AC18, #8B8D00, #356E00, #004E27)
• Antique Courtyard color palette (#DDFEEF, #B2E2CE, #9EA161, #6D6D1A, #373A07)
• Pewter Dune color palette (#EBF9F0, #B5D2C7, #80A68F, #926674, #344E49)

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