Weathered Olive color palette — #FFF1F5 · #D2BAB9 · #A7867A · #76762D · #3D4F45

Walnut takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Stone (#D2BAB9): A luminous, dusty orange — the color of toasted spice.
• Caramel (#A7867A): A luminous, dusty orange — the color of toasted spice.
• Walnut (#76762D): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#3D4F45): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Softworn Veranda color palette (#FFF0FC, #DEC6D0, #AB878B, #8F6B28, #5D5200)
• Bronze Dune color palette (#FFEBE3, #CBAD96, #A17B3A, #336C6E, #1D5659)
• Fern Terrace color palette (#F5F6EF, #BBC5AA, #748869, #765D6D, #425510)
• Worn Olive color palette (#F0DAD1, #BE9462, #746F04, #005A6D, #174172)
• Wandering Ash Canyon color palette (#EFF6FF, #D1CDEC, #BFA1B8, #6F878D, #3F5459)
• Antique Harbor color palette (#F3E2D9, #996E45, #564B10, #00353F, #002038)
• Hushed Cobalt Boulevard color palette (#FFF2EF, #C6818D, #7A935F, #3D7AB4, #563B34)
• Hushed Plum color palette (#FFF2EF, #D69EAC, #60A998, #AC4F6D, #405435)

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