Tempered Olive color palette — #D6EFE3 · #A4B684 · #86851B · #6F5802 · #123732

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

The five colors

• Honeydew (#D6EFE3): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A4B684): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#86851B): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#6F5802): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#123732): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, 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

• Hushed Fern Courtyard color palette (#CFF1E0, #83A170, #6B6622, #5A3D16, #0B3739)
• Powdered Bronze color palette (#C4E9CA, #B7A54D, #997000, #774500, #292C00)
• Driftwood Meadow color palette (#FCF5DD, #C3CDA1, #8D8F4A, #635913, #262201)
• Hushed Boulevard color palette (#F6E1EA, #C7A883, #B36D35, #854833, #1C3724)
• Washed Station color palette (#ECF9F0, #B2D4C4, #AC9B60, #5F7E60, #364D46)
• Aged Corridor color palette (#E3F2F1, #D3AF62, #00773D, #124023, #071A19)
• Wandering Bronze Summit color palette (#E0F4DF, #987927, #724800, #4D2300, #0E0B00)
• Ancient Chestnut color palette (#F6D9E8, #B3804E, #984500, #6F1A0C, #201300)

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