Tempered Olive color palette — #C6F2E2 · #B8AFDB · #A97F77 · #577030 · #354C06

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

The five colors

• Honeydew (#C6F2E2): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#B8AFDB): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#A97F77): A luminous, dusty orange — the color of autumn markets.
• Olive (#577030): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#354C06): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. 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 Courtyard color palette (#F6DDF5, #CAABD3, #A7887A, #5C6D53, #37452F)
• Muted Archive color palette (#DFE5FE, #A9A7C0, #7E6A8E, #5D582C, #2D512D)
• Hushed Pier color palette (#E1EBFB, #9F84AF, #8D585B, #394F0A, #003523)
• Soft Driftwood color palette (#D8DCFD, #D99DCC, #B66F5D, #006978, #004B56)
• Timeworn Delta color palette (#EAF7FF, #C9D8F9, #BD83A6, #467B83, #18464D)
• Driftwood Veranda color palette (#FFF1F7, #E9D4DD, #B59F9E, #6E8875, #614A5B)
• Softworn Lantern color palette (#FEF4E6, #B1BA8A, #608D6A, #7F565B, #37362F)
• Wandering Driftwood color palette (#F7EAFF, #ECA7B6, #AF8A55, #4F7695, #244E6E)

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