Tempered Olive color palette — #FFECF3 · #A9A269 · #4B7039 · #464162 · #062216

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#A9A269): A luminous, dusty green — the color of new leaves after rain.
• Olive (#4B7039): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#464162): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#062216): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cypress Station color palette (#E5F7EE, #83AD82, #1A7464, #1F4B66, #00221F)
• Antique Forest Balcony color palette (#DFEEE3, #7E985B, #006543, #432D59, #001711)
• Softworn Olive color palette (#FEF3EA, #C5B28D, #6F8C43, #78537F, #38352F)
• Driftwood Studio color palette (#FDF4E1, #CAD7A2, #749567, #3D6986, #2D280A)
• Mulberry Hollow color palette (#ECE4FD, #BC74B0, #6D8E1E, #7E2473, #162000)
• Apricot Parlor color palette (#F0F0FF, #E9CEF5, #DB9F71, #546694, #251C36)
• Tempered Meadow color palette (#DFEBDE, #7C7D2F, #03530F, #43133E, #080800)
• Washed Cerulean Pier color palette (#F6EFF6, #9DD1E0, #0189AA, #1C5E29, #002142)

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