Softworn Olive color palette — #FFF3E6 · #BEB684 · #728B46 · #5D5F85 · #38352E

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

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#BEB684): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#728B46): A luminous, balanced green — the color of fresh herbs.
• Graphite (#5D5F85): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#38352E): a grounded near-black with real depth.

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

• Washed Lagoon Harbor color palette (#F9F5E8, #9BC192, #3E9273, #7C5762, #35362F)
• Weathered Field color palette (#FFF1F5, #DCD196, #7A9644, #5D5F88, #122E20)
• Mint Alley color palette (#F3ECCC, #74C075, #008C6E, #7A4081, #013908)
• Hushed Study color palette (#FAF4EA, #D3CC96, #A3A64E, #A67478, #38352E)
• Fern Field color palette (#F1E2CC, #949854, #416E2F, #453E67, #1C1C00)
• Timeworn Fern Archive color palette (#EAFAED, #7EA68E, #686621, #713540, #1A3E2B)
• Ancient Fern color palette (#F7F6EA, #CCD6B6, #8CA482, #927577, #45540B)
• Antique Pine Market color palette (#FDF3ED, #BEDFBF, #46A3BC, #197F56, #083F5E)

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