Tempered Olive color palette — #F7F2E0 · #ABBC81 · #637F4A · #5B534F · #2B2812

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#ABBC81): A luminous, balanced green — the color of fresh herbs.
• Fern (#637F4A): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#5B534F): quiet, heavy and certain.
• Onyx (#2B2812): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Mustard Basin color palette (#FDF0D9, #B5AB46, #6C7100, #694125, #2A1F00)
• Antique Lantern color palette (#EFF5E3, #86C2AB, #478275, #724C00, #222A19)
• Olive Drift color palette (#EAFAF0, #A9B68B, #5C7E53, #5A5571, #2F4840)
• Softworn Stone Delta color palette (#FFEEE1, #DBDAC3, #BCC996, #956B58, #37322D)
• Patina Jade color palette (#FCF4E7, #DEEEB0, #7BAC7F, #896D78, #3A3932)
• Wandering Basalt color palette (#FBF4EB, #CCC69A, #6F9B7E, #866774, #4C4300)
• Pale Tangerine Grove color palette (#FFEEE4, #EE8252, #639F5B, #994B28, #282A05)
• Washed Cerulean Cabin color palette (#F1F3E9, #C4E6D2, #5497B4, #266970, #093428)

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