Tempered Olive color palette — #F9F6E4 · #7C8A2C · #168083 · #823B26 · #34332C

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

The five colors

• Cream (#F9F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#7C8A2C): A luminous, balanced green — the color of new leaves after rain.
• Teal (#168083): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#823B26): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#34332C): 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

• Aged Chapel color palette (#FFF3E3, #A67800, #2E8262, #793D50, #36322C)
• Timeworn Parlor color palette (#EEF9EB, #009686, #58719F, #5E5317, #2B3727)
• Weathered Basin color palette (#F5F3E0, #7F8F45, #5971B5, #822E5C, #1F1A00)
• Weathered Pine color palette (#DDEBC5, #007B51, #005E8E, #523700, #002717)
• Hushed Corridor color palette (#F7F7DF, #3CAD94, #00797C, #384A82, #32422D)
• Ancient Fern color palette (#F3F6EF, #D2DFD8, #B2C5BD, #4B8167, #3C5009)
• Forest Study color palette (#F4F7EB, #8EBC95, #008078, #25713A, #1A2817)
• Washed Lagoon color palette (#D9FFF1, #6BBDAD, #148B88, #005E63, #004551)

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