Tempered Olive color palette — #CEE7D9 · #C7A7C1 · #B18289 · #716D22 · #3E4600

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

The five colors

• Celadon Mist (#CEE7D9): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#C7A7C1): A luminous, dusty pink — the color of a candy shop window.
• Dusty Rose (#B18289): A luminous, dusty red — the color of late-summer berries.
• Olive (#716D22): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3E4600): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Weathered Villa color palette (#FDD9F0, #C7A5CA, #B97A82, #58714F, #394734)
• Olive Terrace color palette (#FFF0FE, #EABED2, #C792AA, #778440, #3F520B)
• Tempered Chestnut color palette (#D7ECCF, #9AC2AD, #8391C5, #825F18, #5F4500)
• Patina Pier color palette (#B4F2F5, #B6CCED, #A79EC5, #71926C, #224844)
• Ancient Market color palette (#E0E8FA, #D797E5, #CC4F6E, #006E57, #004848)
• Worn Cabin color palette (#D9EEFF, #878CBC, #915284, #385425, #003620)
• Timeworn Bronze color palette (#E5D9EE, #C997AA, #B26E4B, #146B7C, #114059)
• Timeworn Ash color palette (#DCE4FF, #B3A0D1, #7A7498, #654861, #513437)

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