Weathered Olive color palette — #F2F3E7 · #9CBF92 · #CA8A72 · #4A8239 · #362F2B

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

The five colors

• Cream (#F2F3E7): bright and airy, almost weightless.
• Sage (#9CBF92): A luminous, dusty green — the color of a quiet forest floor.
• Camel (#CA8A72): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#4A8239): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#362F2B): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Weathered 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

• Tempered Cypress color palette (#ECF5E9, #83C1B6, #B4995C, #008476, #3E2E04)
• Timeworn Quarry color palette (#F3F3E5, #B9B689, #62A7C0, #5D7F0C, #003746)
• Hushed Apricot Parlor color palette (#E6FAF6, #AED09B, #F19679, #6F9B56, #5E4355)
• Softworn Bronze Alley color palette (#FAF0E5, #C8B8A4, #A7783E, #7C4B12, #352A17)
• Dusty Lilac color palette (#E9F9F7, #89C08D, #AB87C8, #49824F, #4B4A62)
• Muted Quarry color palette (#EDF5E9, #82C2B3, #8D99CC, #008472, #272E52)
• Cypress Balcony color palette (#EFF3ED, #CAC4A0, #376D5F, #27361B, #11160D)
• Worn Garden color palette (#F1F4DF, #82A87D, #459CA8, #9A6F2C, #272913)

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