Worn Olive color palette — #F9F5E8 · #86862A · #3F6F94 · #3B5278 · #3E2C27

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

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Olive Leaf (#86862A): A luminous, balanced green — the color of new leaves after rain.
• Slate (#3F6F94): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Peacock (#3B5278): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#3E2C27): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Taupe Workshop color palette (#FAF5E7, #A39B46, #3E7894, #6D4363, #57393B)
• Ember Meadow color palette (#FFF2EC, #C76749, #2375A0, #27516D, #403135)
• Wandering Delta color palette (#F4F2E7, #7D8B56, #307455, #583D64, #1D1807)
• Washed Stone color palette (#FFF4E2, #BFC47C, #6E8B5A, #2D664E, #044D5F)
• Timeworn Lagoon color palette (#EDF8F3, #A3A468, #41937B, #7F577F, #24372F)
• Washed Archive color palette (#F0F9E5, #007E55, #004D7F, #4C1C57, #2C1D08)
• Dusty Bronze color palette (#F8F5ED, #D6DDD4, #9FB0B5, #997F38, #565249)
• Frosted Nightshade color palette (#FBF6DB, #697600, #373EAE, #2F2C7A, #381E0E)

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