Dusty Olive color palette — #F7F1E4 · #AEB98C · #5A814A · #6B5100 · #2B2816

A conversation between Fern and Coffee, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F1E4): bright and airy, almost weightless.
• Sage (#AEB98C): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#5A814A): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#6B5100): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2B2816): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Hushed Fern Dune color palette (#F2F3E9, #BFC9A2, #5B8F7D, #686518, #30322B)
• Tempered Olive Balcony color palette (#F9F1E3, #B3AB51, #5F7600, #0A5B31, #2A1F00)
• Weathered Pier color palette (#E1E6C7, #5CBC8C, #009374, #005B54, #18351E)
• Worn Study color palette (#FBF4EA, #D2E7BF, #6EAF80, #966E2E, #3A3932)
• Hushed Fern color palette (#E7DEC9, #8B9454, #376300, #064430, #171200)
• Coral Workshop color palette (#ECF5E8, #47B9A6, #CC6A81, #007566, #401822)
• Patina Powder Garden color palette (#E7F8E3, #B7E6DE, #A1CFF7, #59937A, #273829)
• Frosted Violet color palette (#E7F7E4, #00A399, #9960C9, #955C11, #12230F)

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