Worn Olive color palette — #FFEFDB · #AFAB6D · #51791E · #633D5B · #291F00

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

The five colors

• Cream (#FFEFDB): A whisper-light, dusty gold — the color of old brass.
• Sage (#AFAB6D): A luminous, balanced green — the color of fresh herbs.
• Olive (#51791E): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#633D5B): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#291F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Worn 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

• Soft Summit color palette (#F9F2DB, #86B873, #007F59, #723744, #112707)
• Weathered Forest color palette (#F4E7D2, #899553, #316231, #532740, #161200)
• Timeworn Cocoa color palette (#FDF4E6, #B1A271, #756B00, #83360D, #473900)
• Antique Mustard Studio color palette (#F6F7B5, #B9B335, #7D7500, #423A00, #161300)
• Powdered Moss color palette (#ECFAED, #C0C076, #649741, #944B81, #3E3D02)
• Driftwood Study color palette (#F6F1EA, #CCC3A6, #88873F, #805915, #33312A)
• Amber Quarry color palette (#FFE7DD, #D48000, #876400, #464400, #1E2C00)
• Pale Indigo color palette (#F2E6AD, #978200, #556AD2, #5950B2, #1D1800)

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