Softworn Olive color palette — #FBF4E9 · #B9B08C · #58804C · #5A537D · #4F4100

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

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Sage (#B9B08C): A luminous, dusty green — the color of fresh herbs.
• Fern (#58804C): A full-bodied, balanced green — the color of new leaves after rain.
• Graphite (#5A537D): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Olive (#4F4100): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Fern Field color palette (#F7F5EF, #BFC4AC, #758963, #7D5B61, #4C5300)
• Pine Courtyard color palette (#FAF5E9, #A19D72, #327245, #69394D, #36362F)
• Hushed Olive Pier color palette (#EBF5EF, #90BFAC, #6B7E3B, #684964, #122D24)
• Chalky Aubergine Atelier color palette (#F5EBCB, #779F61, #006C47, #582B71, #183700)
• Aged Sand Lantern color palette (#EFF8F0, #D6DB98, #97B78C, #8A8FA6, #2E493E)
• Petrol Lagoon color palette (#FFF2EA, #B37859, #008C92, #00719F, #3D3632)
• Cypress Dune color palette (#FAF3F0, #C9E4D1, #5892B0, #00735D, #304968)
• Tempered Brick Workshop color palette (#FFF2EC, #CA8F7F, #119BAB, #B42D00, #004C55)

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