Softworn Olive Harbor color palette — #FFF3E9 · #A99A6C · #516E1B · #643E4A · #38352F

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Taupe (#A99A6C): A luminous, dusty green — the color of new leaves after rain.
• Olive (#516E1B): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#643E4A): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#38352F): quiet, heavy and certain.

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

Use it as a design system

One click turns Softworn Olive Harbor 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 Archive color palette (#FFF3E7, #ADA658, #2F7D00, #524879, #3D3A34)
• Pine Corridor color palette (#FDF4E8, #B9B08B, #4D8253, #744D51, #4F4100)
• Tempered Cypress Ridge color palette (#FCF5E3, #85A676, #00745B, #2A5544, #36362F)
• Olive Ridge color palette (#E9F6EC, #A2A65F, #546F31, #2A4A5F, #022317)
• Gentle Forest color palette (#F1E2CF, #889254, #00672E, #463163, #302905)
• Hushed Cobalt Workshop color palette (#FCF4EB, #A7CFC4, #6771B9, #005F64, #522E3C)
• Antique Summit color palette (#FFF1F6, #F9C6DC, #E8975F, #416EA2, #513136)
• Hushed Taupe Atelier color palette (#EEF9ED, #A9D6BD, #91AB68, #7781AC, #223C2E)

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