Tempered Olive color palette — #FFF3E4 · #AAA66A · #507625 · #684260 · #3D3A34

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Sage (#AAA66A): A luminous, balanced green — the color of new leaves after rain.
• Olive (#507625): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#684260): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#3D3A34): a grounded near-black with real depth.

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

• Ancient Jade color palette (#F9F7DB, #6DB684, #007B6B, #674361, #174528)
• Ancient Forest Quarry color palette (#EFE3D0, #88934F, #2F622C, #582D45, #272C00)
• Soft Olive color palette (#E7F7EA, #B7A86A, #746E00, #79360F, #282000)
• Mustard Balcony color palette (#FFF9B5, #BBB12B, #756F00, #3F3A00, #272500)
• Softworn Harbor color palette (#FFF3E2, #C9BA88, #938927, #9C512F, #473903)
• Softworn Indigo Market color palette (#FFF4DF, #C29F25, #5362D0, #705900, #293177)
• Patina Grape color palette (#F3EEBD, #8E8200, #5268CC, #6146BC, #373100)
• Airy Jade color palette (#EBEED7, #00AA88, #00686A, #732702, #00372A)

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