Worn Olive color palette — #E4DFD1 · #697632 · #4D4700 · #2F2200 · #010500

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

The five colors

• Bone (#E4DFD1): a clean, paper-quiet neutral.
• Olive (#697632): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4D4700): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#2F2200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Olive Balcony color palette (#F6ECD2, #7B8530, #5F5300, #402C00, #060E00)
• Wandering Bronze color palette (#FBE6D5, #986100, #6A3500, #440F00, #060300)
• Grape Summit color palette (#F3D6E3, #6311C0, #5A4000, #00330F, #060002)
• Ancient Bronze Boulevard color palette (#FCE7D6, #C19561, #A95A0E, #803015, #312103)
• Twilit Aubergine Basin color palette (#F7E4EE, #936E00, #2F0076, #07001E, #060003)
• Washed Amber Quarry color palette (#FEF4E2, #CABD9A, #A88C41, #806340, #3E3D36)
• Ember Lantern color palette (#FFEADC, #E4A571, #D75B0C, #9A4039, #39352F)
• Plum Villa color palette (#F0DDF5, #A94393, #800047, #4B0015, #070000)

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