Tempered Olive color palette — #FEF4E3 · #C1BE86 · #68812B · #265E3E · #1B1900

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

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C1BE86): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#68812B): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#265E3E): A full-bodied, dusty teal — the color of sea glass.
• Ink (#1B1900): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Washed Lagoon color palette (#F6F7E7, #94CAA4, #1E896F, #1E5B60, #001F0C)
• Worn Basin color palette (#FCF4E3, #CCD6A8, #769465, #536D2E, #2F2804)
• Hushed Meadow color palette (#FAF5E4, #91AD6C, #336F39, #00473C, #040A00)
• Dusty Moss Loft color palette (#F3E1D3, #CDB87E, #819C53, #14867D, #362601)
• Wandering Lagoon color palette (#EBE1CF, #7B8121, #294500, #001E2D, #010100)
• Softworn Hollow color palette (#E3E3CD, #609E6E, #005C44, #003235, #000200)
• Emerald Atelier color palette (#FDF5DF, #CDE2A5, #64A45D, #39709A, #273409)
• Antique Cocoa Veranda color palette (#FCF4E9, #C7DFCC, #B6B089, #758C7F, #574300)

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