Tempered Olive color palette — #F3ECD1 · #527E48 · #005053 · #4B1329 · #2F0803

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

The five colors

• Parchment (#F3ECD1): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#527E48): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005053): A deep, shadowed, dusty teal — the color of glacier melt.
• Espresso (#4B1329): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#2F0803): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Cypress Station color palette (#E5EFDD, #00786C, #00435D, #410E0B, #230920)
• Linen Garnet color palette (#FBE7D1, #838A57, #006D60, #68222F, #400012)
• Softworn Bronze Workshop color palette (#F7E4D9, #8B7E06, #24512F, #331C4A, #171534)
• Aged Olive color palette (#DCF0DF, #6E7100, #174300, #2E1F00, #101100)
• Frosted Orchard color palette (#E4F4ED, #007055, #8D0044, #003627, #25000D)
• Pale Garden color palette (#DEF3ED, #005A4B, #76004B, #5E0025, #000A07)
• Worn Pine color palette (#DAE4D4, #008322, #004832, #002C27, #00161A)
• Lowlit Cypress Thicket color palette (#DDF5F3, #008079, #003D3A, #001614, #000302)

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