Worn Olive color palette — #F9F0E8 · #BDB580 · #5F804A · #674C5A · #2E2612

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

The five colors

• Cream (#F9F0E8): a clean, paper-quiet neutral.
• Sage (#BDB580): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5F804A): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#674C5A): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#2E2612): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Aged Pine Harbor color palette (#FEEFE0, #A6A460, #3F7339, #5B3B4A, #231B03)
• Basalt Archive color palette (#FAF5E8, #BCAF88, #707947, #6E524A, #514000)
• Aged Driftwood Villa color palette (#EFF8EF, #A9CEBB, #83976D, #6A708A, #31483D)
• Tempered Cerulean Balcony color palette (#F9EFED, #C7E6C4, #5099AF, #446944, #0E332C)
• Basalt Corridor color palette (#FFEDEA, #E0D9C8, #C3CE8E, #936A77, #552200)
• Soft Coral Study color palette (#FFEEE6, #EF7E70, #00A493, #934D45, #002F29)
• Washed Bloom color palette (#E2DFCD, #3EA373, #006261, #4F2B41, #0E1500)
• Apricot Harbor color palette (#FFEDEA, #FFA290, #AD5D57, #672D20, #2D0500)

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