Tempered Olive color palette — #FBF5DE · #96AE63 · #447A00 · #005E59 · #3C3B34

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

The five colors

• Cream (#FBF5DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#96AE63): A luminous, balanced green — the color of new leaves after rain.
• Olive (#447A00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005E59): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#3C3B34): a grounded near-black with real depth.

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

• Linen Jade color palette (#F4F8E3, #5EB986, #007C5C, #0B5E56, #1C442E)
• Hushed Forest Boulevard color palette (#E8E6D2, #73985C, #116719, #00474A, #2B2B0B)
• Patina Quarry color palette (#FFEFDB, #B1AD3C, #4A7B19, #623F56, #242200)
• Wandering Moss Canyon color palette (#F4EBD4, #969900, #516300, #75202A, #2F3100)
• Dusty Mustard color palette (#E8FBE9, #C5C057, #6D944C, #62658D, #174432)
• Softworn Courtyard color palette (#F8F5ED, #C8C1A5, #798951, #935238, #5C4C00)
• Ancient Lagoon Meadow color palette (#F6F6E7, #91DFDA, #009196, #006858, #004951)
• Clover Orchard color palette (#FFF3E8, #E1CE86, #8BB458, #997AAB, #463A04)

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