Dusty Olive color palette — #F5F7E9 · #98BB8F · #B288B1 · #528145 · #644248

Built around Fern, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F7E9): a clean, paper-quiet neutral.
• Sage (#98BB8F): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#B288B1): A luminous, dusty pink — the color of a candy shop window.
• Fern (#528145): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#644248): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Softworn Olive color palette (#F9F5E9, #B8B377, #8398C7, #7D7520, #5F415C)
• Pine Study color palette (#E6F6F3, #9DBE9A, #B989B8, #3D843B, #412542)
• Ancient Cypress color palette (#EBFAEC, #7CBDC0, #BF8695, #008388, #68413B)
• Emerald Pier color palette (#F5F7E8, #ADCFAA, #CA9FD8, #619D5E, #64424B)
• Washed Field color palette (#F3F8E4, #73A681, #A379A2, #965C70, #3D4900)
• Weathered Bloom color palette (#FDF3E9, #C2B79E, #A5753C, #884B29, #504900)
• Aged Fern color palette (#F6F7E3, #C9E7D9, #99D3D7, #9A8863, #455813)
• Basalt Balcony color palette (#EDFBD9, #ACDEBE, #5A8E6D, #225B3B, #2F3E00)

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