Weathered Olive color palette — #F6F2E6 · #9FA66E · #586E23 · #613D18 · #221C03

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F6F2E6): bright and airy, almost weightless.
• Sage (#9FA66E): A luminous, dusty green — the color of fresh herbs.
• Olive (#586E23): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#613D18): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#221C03): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Misty Amber Workshop color palette (#FCEECE, #AC9200, #716600, #474900, #1D2300)
• Antique Cypress Balcony color palette (#F0F4E5, #76AE95, #007661, #534600, #171F0B)
• Quiet Olive color palette (#F8F4C8, #9EB762, #577200, #2B3700, #0A1100)
• Pale Hollow color palette (#EDEAD7, #889C3E, #008AA4, #4E5D00, #002028)
• Forest Atelier color palette (#E2E1D2, #719B63, #006725, #2D4008, #131300)
• Antique Study color palette (#EAFAEF, #8FA55B, #3B7146, #554262, #173D33)
• Chestnut Lagoon color palette (#F5F1E9, #CDC3A5, #81894C, #7A5C10, #33312A)
• Hushed Driftwood color palette (#E7FBF0, #B3BB7F, #748A4B, #7F5565, #193D31)

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