Tempered Olive color palette — #FCF4E8 · #B1B484 · #5B7F4B · #724F50 · #504100
Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Sage (#B1B484): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5B7F4B): A full-bodied, balanced green — the color of new leaves after rain.
- Coffee (#724F50): A full-bodied, dusty red — the color of a theater curtain.
- Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, 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
- Chestnut Courtyard color palette (#F7F6E9, #89BE9D, #278478, #85462A, #3A4900)
- Ancient Lagoon color palette (#FAF0E3, #BBB491, #54815F, #6B4A56, #2C2710)
- Antique Taupe color palette (#FFF4E2, #9AA252, #476F3E, #4E4A44, #37352F)
- Hushed Bloom color palette (#FFF6D1, #AFBA66, #75751D, #484800, #2E2F00)
- Marigold Archive color palette (#FFD9BF, #DD9E43, #907800, #5D5B13, #44433C)
- Powdered Marigold Meadow color palette (#FCF4E4, #B89E2E, #8181C4, #776412, #57364B)
- Lagoon Garden color palette (#EDF9EE, #A7CFBF, #6E9C78, #6D6E8E, #2C493F)
- Tempered Workshop color palette (#FEF5DD, #BFF4D5, #96CFC4, #AA7741, #615100)
Browse the whole catalog at Explore, or see today's palette.