Softworn Olive color palette — #FFF1F2 · #E0C3BE · #AA9588 · #667734 · #3C554E

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Oat (#E0C3BE): A whisper-light, dusty orange — the color of toasted spice.
• Taupe (#AA9588): A luminous, dusty gold — the color of old brass.
• Olive (#667734): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#3C554E): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Tempered Taupe color palette (#FDEBFA, #D4BBC1, #B58F80, #4F7469, #2E423C)
• Hushed Cypress Balcony color palette (#FFE0D6, #B69C87, #887242, #00666E, #1F4D64)
• Worn Cocoa color palette (#FAF4EC, #CBC0A3, #7A885A, #805868, #5F4A00)
• Timeworn Petrol Alley color palette (#FFF2EB, #CCB79B, #918868, #306D82, #664865)
• Muted Canyon color palette (#F0F5FF, #D2CFE5, #BDA3B6, #6A8194, #45525C)
• Timeworn Cobalt color palette (#FFF2EC, #C3867A, #629871, #6071B6, #48413D)
• Aged Bronze Atelier color palette (#F7DBD5, #A6723E, #5E511E, #00414B, #002648)
• Washed Terracotta color palette (#FFECEB, #DDA6B1, #B9686D, #934434, #574F4B)

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