Tempered Olive color palette — #FBF2F8 · #C07967 · #5D722A · #38537F · #3D3039

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Caramel (#C07967): A luminous, balanced orange — the color of toasted spice.
• Olive (#5D722A): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#38537F): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#3D3039): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Chestnut Atelier color palette (#F8F3FE, #AA6890, #815C00, #00546B, #352F3C)
• Ember Pier color palette (#FBEFE9, #C16B62, #247860, #254F6F, #261619)
• Bronze Workshop color palette (#FCF2F8, #B4674B, #007669, #674067, #42323C)
• Tempered Bronze Summit color palette (#EBFAEE, #D39498, #8B752F, #475882, #52424C)
• Patina Delta color palette (#FDF1FA, #DF7C75, #509077, #3F6B8B, #393544)
• Bronze Coast color palette (#FAF1FF, #EDAC9E, #A87A3B, #665F10, #2B532A)
• Tempered Driftwood color palette (#F9F3F7, #CED9DA, #9AA3B0, #97768E, #565154)
• Scarlet Market color palette (#FFF0FC, #CA3831, #00644D, #520A76, #3D1714)

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