Tempered Olive color palette — #FFF2EA · #B26D48 · #5C7D39 · #15614A · #38312D

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Mocha (#B26D48): A luminous, balanced orange — the color of toasted spice.
• Olive (#5C7D39): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#15614A): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#38312D): quiet, heavy and certain.

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

• Timeworn Workshop color palette (#FFF4E0, #B98F4D, #786A1C, #005C47, #413C36)
• Antique Bronze color palette (#FFF3E9, #B66C35, #587C4D, #6D4166, #38322D)
• Chalky Garnet Field color palette (#FFF4DF, #907200, #007960, #871338, #362A00)
• Washed Raspberry color palette (#FFF1F1, #B4628B, #93672F, #5D5400, #472928)
• Airy Bronze color palette (#FFEAD4, #C7A26B, #907416, #594E00, #204118)
• Dusty Raspberry Hollow color palette (#FFF1F0, #B66187, #8E6930, #414F83, #422C2B)
• Hushed Atelier color palette (#FCEFE8, #B47265, #238962, #17548B, #2A1306)
• Worn Veranda color palette (#FFDCCE, #AC4000, #496300, #5F0075, #3A1000)

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