Tempered Olive color palette — #F7F3DA · #657700 · #005D60 · #561600 · #100800

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

The five colors

• Cream (#F7F3DA): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#657700): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005D60): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#561600): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#100800): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Balance. Tagged jewel, vibrant, 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

• Aged Chestnut color palette (#FCF0DF, #835F00, #005F40, #58192E, #110500)
• Dusty Summit color palette (#EBF6E3, #00856B, #004D8B, #433500, #090900)
• Patina Pine Lantern color palette (#F1F3EB, #CDDAD0, #B2BAAA, #437146, #202218)
• Lagoon Lantern color palette (#E8F1DF, #00916F, #005F72, #172F69, #141600)
• Chalky Navy Hollow color palette (#E6FBF5, #516B00, #2B429C, #5C114A, #2E101D)
• Lowlit Fern color palette (#E0E2D4, #235900, #003943, #2B1300, #020100)
• Misty Hollow color palette (#D1E9D8, #006570, #401E96, #192D00, #010400)
• Antique Lagoon Villa color palette (#EDF5EA, #00988D, #5171A5, #535049, #1B1E0E)

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