Weathered Olive color palette — #FFF1F4 · #DDC5C2 · #A48E84 · #6F722A · #4A5645

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Oat (#DDC5C2): A whisper-light, dusty orange — the color of toasted spice.
• Heather (#A48E84): A luminous, dusty orange — the color of toasted spice.
• Olive (#6F722A): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4A5645): A full-bodied, dusty green — the color of new leaves after rain.

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

• Ancient Pewter Atelier color palette (#E2F8EF, #D4C1CC, #AA918D, #4E6958, #2F433C)
• Bronze Hollow color palette (#FFF2ED, #D2B6A0, #9D7B37, #4F6A56, #345155)
• Muted Dune color palette (#F3D9E2, #B08A7C, #7F583C, #015844, #1E3C28)
• Navy Courtyard color palette (#F2E1D8, #BB9A6A, #71742A, #005575, #233B71)
• Muted Fern color palette (#F4F6ED, #BAC5AE, #72886D, #765D6B, #3D5716)
• Antique Corridor color palette (#F9F4EE, #CCE4E8, #AB8EA9, #38788B, #624A5B)
• Patina Parlor color palette (#FFECED, #E3ABC6, #B66F83, #874F53, #6A4500)
• Hushed Bronze Summit color palette (#FBE0D9, #94672F, #514A0F, #003340, #001939)

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