Tempered Olive color palette — #EFDFCE · #658E4C · #006262 · #3A2E4D · #30142D

A conversation between Olive Leaf and Peacock, giving this palette its sense of nature and growth.

The five colors

• Parchment (#EFDFCE): A whisper-light, dusty gold — the color of honey in a jar.
• Olive Leaf (#658E4C): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#006262): A full-bodied, dusty teal — the color of sea glass.
• Navy (#3A2E4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Deep Indigo (#30142D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Aged Pine Field color palette (#E6E0D0, #3B8449, #004E5D, #451D2F, #21102B)
• Washed Forest Pier color palette (#FFE1DC, #9B7E40, #2C6639, #333256, #1B2440)
• Tempered Forest Drift color palette (#E7F3DF, #5F8466, #225E4C, #003145, #001127)
• Airy Olive Grove color palette (#EAEAC6, #5A8300, #005C2D, #003930, #002223)
• Patina Drift color palette (#E2EBD2, #007C5F, #004664, #3A0C00, #150900)
• Mulberry Basin color palette (#D0F2F2, #008157, #902082, #00452C, #32022C)
• Lagoon Courtyard color palette (#D5E8E3, #00997E, #004C39, #002319, #000905)
• Mulberry Balcony color palette (#F9EEE2, #A4AE7A, #569476, #7E496E, #49121D)

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