Dusty Olive color palette — #EBF5EB · #B8B688 · #627F4C · #3D5B5F · #182C23

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

The five colors

• Cream (#EBF5EB): bright and airy, almost weightless.
• Sage (#B8B688): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#627F4C): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#3D5B5F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#182C23): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Tempered Pine color palette (#EAF5EC, #A2A65C, #477236, #3D4561, #052218)
• Hushed Stone Chapel color palette (#E7F6EF, #AFCEA8, #5C8D8F, #51656E, #203633)
• Worn Basalt Dune color palette (#FFF3E7, #BDAE8A, #607D50, #4C604C, #533F00)
• Quiet Jade Grove color palette (#D6FBF2, #40C28C, #007C74, #18526F, #002627)
• Antique Stone Studio color palette (#E6F4FF, #DDD4E5, #E1B0C4, #57879A, #252E3D)
• Timeworn Hollow color palette (#FAEEF3, #C0E1FC, #6E8EC3, #006B72, #222B44)
• Patina Olive Workshop color palette (#D1E7D8, #6C8316, #00531C, #2E1E4E, #060900)
• Olive Atelier color palette (#D4F0DB, #637000, #054308, #002422, #020300)

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