Faded Olive color palette — #DCE0D3 · #8DB76A · #39871C · #1E5C22 · #003735

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

The five colors

• Bone (#DCE0D3): bright and airy, almost weightless.
• Sage (#8DB76A): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#39871C): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#1E5C22): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003735): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

One click turns Faded 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

• Feathered Lime color palette (#F4EAB6, #96B54D, #40863B, #26643F, #224C3D)
• Timeworn Olive Terrace color palette (#D7EEDF, #BFB050, #7A7600, #4D5100, #003328)
• Dusty Lagoon color palette (#D7F5F5, #59B891, #009576, #006253, #002E35)
• Gentle Amber color palette (#E0F7F5, #73B778, #D26E37, #1C782C, #411B06)
• Emerald Station color palette (#DFF6E0, #00AC57, #006E46, #00412F, #00231B)
• Aqua Courtyard color palette (#DEF8F8, #ADDEFE, #76D3CE, #55825A, #1C3334)
• Emerald Coast color palette (#D5FBF8, #3EA465, #008EAB, #866600, #042423)
• Turquoise Garden color palette (#DBF2F4, #00AEC4, #007489, #004D62, #002331)

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