Tempered Olive color palette — #FFF1DA · #CDC690 · #9A9F57 · #6D8843 · #4E4F47

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

The five colors

• Cream (#FFF1DA): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#CDC690): A luminous, dusty green — the color of a quiet forest floor.
• Moss (#9A9F57): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#6D8843): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4E4F47): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Sunlit Moss color palette (#F8F6E6, #BECB9D, #BCA3E5, #82972A, #534569)
• Softworn Straw color palette (#DEFFE5, #F4E88F, #ADB66B, #748A5A, #385852)
• Weathered Apricot Orchard color palette (#FFF2EB, #ECB99B, #CE975A, #916C21, #55514A)
• Ancient Balcony color palette (#F7F8D5, #ABD6B0, #61B28A, #238F7A, #3C5638)
• Olive Alley color palette (#F8F7D9, #CAE3B9, #88A86E, #4B7A39, #253E1A)
• Dusty Emerald color palette (#E7F4DF, #85C387, #009B5A, #007053, #004740)
• Hushed Pier color palette (#F7F6E4, #A6BA8B, #74AADC, #C77787, #43433C)
• Faded Emerald Pier color palette (#D7EAD4, #00A664, #00765A, #004A42, #002120)

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