Softworn Olive color palette — #F5F7E6 · #95BD8A · #C18973 · #557F49 · #534B47

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#95BD8A): A luminous, balanced green — the color of fresh herbs.
• Caramel (#C18973): A luminous, dusty orange — the color of sun-warmed clay.
• Fern (#557F49): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#534B47): quiet, heavy and certain.

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

• Worn Cypress color palette (#EDF9EA, #7CBEB6, #AD965C, #00847A, #504D46)
• Bronze Cabin color palette (#FDF4E4, #C1AE7B, #BE869B, #86702C, #644340)
• Antique Olive color palette (#F7F6E5, #9EBB84, #5FA3BF, #617D45, #305645)
• Worn Pine Garden color palette (#F2F3E9, #9CBE97, #B78BB7, #3D8435, #412641)
• Washed Cypress color palette (#EFF8EB, #80BEB0, #8B95CB, #2F8273, #5F4356)
• Wandering Delta color palette (#F2F8E8, #B4E4E2, #90C5CA, #878E67, #3C5615)
• Emerald Archive color palette (#EBF8F7, #A6D1AA, #C3A2D6, #55A060, #4B486A)
• Bronze Ridge color palette (#F4F8E0, #7BA57A, #4F96A2, #936F34, #424700)

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