Worn Olive color palette — #DFFFE6 · #FFA772 · #C28F00 · #4F8300 · #302900

Olive Leaf takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DFFFE6): A whisper-light, dusty teal — the color of sea glass.
• Melon (#FFA772): A luminous, balanced gold — the color of old brass.
• Mustard (#C28F00): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#4F8300): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#302900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Quiet Lagoon color palette (#FFF1F5, #FF907A, #D28D00, #656F00, #322100)
• Sunlit Amber Dune color palette (#D8FEDB, #FF9DA8, #C89300, #008A67, #161500)
• Powdered Coast color palette (#D8FFF3, #DDAB00, #83A700, #00844F, #1C2F00)
• Pale Marigold color palette (#FFF3E3, #FFBAAE, #E1A000, #009F74, #2D2B00)
• Powdered Veranda color palette (#EBE5CB, #989300, #597000, #215200, #003930)
• Misty Tangerine Parlor color palette (#FFF0FA, #FF9AAF, #FB661C, #906800, #3F1D00)
• Pale Thicket color palette (#E6FAF7, #CECA7A, #5ABF64, #008F83, #003A23)
• Hushed Boulevard color palette (#F6E1C2, #98994C, #338041, #2F4A86, #43336E)

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