Weathered Olive color palette — #F6F1E9 · #B8B688 · #697F3A · #6D4C41 · #2E2712

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

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Sage (#B8B688): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#697F3A): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#6D4C41): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#2E2712): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Timeworn Lagoon color palette (#F3F3E5, #94C0A1, #22876E, #78490A, #252A19)
• Worn Olive color palette (#F7F1E6, #A0A56C, #4F702B, #52451B, #221C02)
• Sunlit Bronze color palette (#EEE2D7, #D09F59, #8A6F00, #5B5300, #2D3006)
• Hushed Coast color palette (#ECF9EC, #B0B57D, #548058, #555771, #30483F)
• Powdered Iris color palette (#FAF1DD, #B5A459, #7E7FE8, #756400, #391C2F)
• Washed Stone color palette (#EBFAEE, #CAC88E, #869765, #806881, #33483E)
• Tempered Driftwood color palette (#F7F1E3, #CEE6BF, #99D5B5, #9F804F, #302F29)
• Ancient Drift color palette (#FAF1DB, #9C9000, #008DB0, #9B4A7C, #251D08)

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