Tempered Olive color palette — #F4EEDD · #768023 · #374C00 · #00322B · #070900

Olive Leaf and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4EEDD): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#768023): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#374C00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#00322B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#070900): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Inked Study color palette (#E7E6D4, #4A753E, #004318, #002327, #000400)
• Worn Dune color palette (#F2DFE5, #8B7939, #3F4B00, #14256B, #221A00)
• Antique Fern color palette (#F4E7D0, #97904B, #555A07, #58282C, #151200)
• Muted Fern Veranda color palette (#DCF7EA, #8C9965, #476E00, #00514A, #181E00)
• Pewter Loft color palette (#F5F2E5, #B7B690, #617F58, #425D42, #2A2812)
• Worn Taupe color palette (#FFF3E6, #B5A247, #536918, #2B376C, #0A0700)
• Patina Meadow color palette (#FAF1DF, #B3AB54, #6B7121, #733641, #252100)
• Denim Studio color palette (#E7ECDD, #7CA1C0, #0057A5, #00364B, #000629)

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