Tempered Olive color palette — #FFF1F5 · #C3A270 · #5B8545 · #664C7D · #384D41

Olive Leaf takes the lead with Graphite close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Camel (#C3A270): A luminous, dusty gold — the color of honey in a jar.
• Olive Leaf (#5B8545): A full-bodied, balanced green — the color of new leaves after rain.
• Graphite (#664C7D): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#384D41): A deep, shadowed, dusty teal — the color of sea glass.

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

• Wandering Hollow color palette (#EAFAEC, #D1987D, #7F7A38, #4E577D, #564148)
• Tempered Lagoon Summit color palette (#FFF0F8, #9AB180, #2C877F, #754A60, #344D4B)
• Muted Villa color palette (#FAF1DD, #B7AE61, #6F8051, #1D5D5D, #312C1B)
• Driftwood Meadow color palette (#E7FCE9, #A5C9BC, #69969A, #726E80, #524E5E)
• Hushed Turquoise Bloom color palette (#F9F3F7, #D6D6EC, #57A4C3, #397D66, #415568)
• Soft Aubergine color palette (#FFF1F6, #9B8E00, #00724C, #691A77, #2C3C07)
• Patina Olive color palette (#E7F6EF, #7E8335, #234340, #1B2D26, #111716)
• Timeworn Sunflower color palette (#E9FAF2, #F0E0C2, #D6CF6F, #5CB38F, #305148)

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