Tempered Olive color palette — #ECF9EF · #CBBC6D · #7D7B00 · #744226 · #001F10

Olive Leaf and Honey set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Honey (#CBBC6D): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#7D7B00): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#744226): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#001F10): A deep, shadowed, dusty teal — the color of sea glass.

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

• Olive Lagoon color palette (#EAF9F4, #A1C983, #358B31, #634D1E, #001E19)
• Moss Orchard color palette (#EDF9F1, #D1D59C, #81934B, #7C5766, #112E23)
• Marigold Market color palette (#FFD7A4, #DDA100, #937100, #5B4A00, #201B00)
• Patina Fern Delta color palette (#E0FDEF, #9AAB66, #466D00, #553300, #000A06)
• Hushed Alley color palette (#FAF9BF, #CCD057, #807E00, #3B3B00, #060600)
• Antique Corridor color palette (#DFFEE9, #CCA601, #F23E9C, #786100, #33001B)
• Softworn Chartreuse color palette (#DDFEEE, #9EEBDC, #98DF80, #907500, #063226)
• Olive Atelier color palette (#D5E3DA, #7F8000, #364200, #211B00, #010100)

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