Weathered Olive color palette — #F6F6EC · #A3B88C · #A88AC4 · #5E7F31 · #65414D

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

The five colors

• Ivory (#F6F6EC): a clean, paper-quiet neutral.
• Sage (#A3B88C): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#A88AC4): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#5E7F31): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#65414D): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, 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

• Muted Market color palette (#FBF5E7, #BCB07C, #8E93CA, #857200, #46496E)
• Olive Study color palette (#F6F2E2, #B1B982, #BC86C0, #6F7827, #45272D)
• Cypress Chapel color palette (#F0F8EB, #7AC0AF, #C1839E, #008671, #6A403E)
• Wisteria Coast color palette (#EBF9F5, #B7CE97, #C99BE7, #7C984F, #4B4968)
• Rust Market color palette (#F6F7E5, #80A46F, #6B8CB8, #AF585F, #43433C)
• Patina Bronze color palette (#FDF3EB, #C6B5A1, #A97341, #874C26, #5F4200)
• Fern Alley color palette (#F5F7E6, #CEE4D3, #A3CFC0, #8B905A, #50580A)
• Pale Plum Villa color palette (#E7F3DD, #47A088, #B45180, #006652, #561F3A)

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