Softworn Olive color palette — #EBF5EC · #A8A271 · #5E6D00 · #224C61 · #062215

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

The five colors

• Cream (#EBF5EC): a clean, paper-quiet neutral.
• Sage (#A8A271): A luminous, dusty green — the color of new leaves after rain.
• Olive (#5E6D00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#224C61): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#062215): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Pale Olive Loft color palette (#E7F7EB, #ADAC60, #587800, #533F79, #232200)
• Antique Coast color palette (#E6F6F2, #7DAE85, #007758, #37446B, #002220)
• Antique Grove color palette (#E1F1E5, #919253, #436000, #452C58, #00170E)
• Wandering Amber color palette (#FFF2E9, #B69746, #5A6A2F, #5D414F, #39352F)
• Muted Mustard color palette (#FEF4E5, #C2B665, #7A893E, #4E6B5B, #38352E)
• Ancient Olive Parlor color palette (#E5F2E9, #7A7E27, #304E00, #002E41, #080800)
• Tempered Moss color palette (#FFF0F9, #E6CC9F, #88913C, #6B5A83, #172E1B)
• Powdered Terrace color palette (#E6E8FA, #9F7ECF, #748D0E, #603691, #182000)

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