Tempered Olive color palette — #F7F1E6 · #BCB48E · #657E50 · #624A6F · #2D270C

Built around Fern, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F1E6): bright and airy, almost weightless.
• Sage (#BCB48E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#657E50): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#624A6F): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#2D270C): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Softworn Parlor color palette (#F3F2E9, #C1C7A8, #738D4D, #7D5555, #30322B)
• Timeworn Pine color palette (#EEF9ED, #90BAA8, #47834B, #535776, #34483F)
• Softworn Pine color palette (#F6F1E7, #9AA67A, #427334, #663830, #211C00)
• Sunlit Indigo color palette (#FFEEE4, #C0795D, #279469, #605EB5, #311604)
• Muted Jade Study color palette (#FCF4E9, #D3E2C4, #76AD80, #776F9D, #3A3831)
• Aged Bronze color palette (#FFEEE3, #E8B08E, #AF613B, #672C00, #250B00)
• Worn Canyon color palette (#F6F1EA, #CAE4D2, #3F99BB, #006D65, #003529)
• Linen Hollow color palette (#EBE5C9, #73A55A, #006E3A, #6C005D, #081B00)

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