Patina Olive color palette — #F6F6EB · #9CBA8D · #BA83B3 · #4C8328 · #674146

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

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Sage (#9CBA8D): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#BA83B3): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#4C8328): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#674146): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

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

• Muted Cypress color palette (#F0F8EC, #7BBFAF, #C77F9E, #008671, #6A403D)
• Wisteria Study color palette (#E4F6F4, #96C193, #C282BE, #4B8148, #342B47)
• Antique Bronze Villa color palette (#FBF4E9, #C1AE7F, #9092CF, #8D6E00, #634056)
• Mallow Pier color palette (#F5F7E7, #A9D1A6, #DB95D8, #6B9A68, #624448)
• Dusty Pewter color palette (#F2F8E6, #6CA881, #A676A9, #9D5773, #41433C)
• Fern Terrace color palette (#FEF3E7, #C1B7A0, #997A56, #7E5043, #4F4900)
• Aged Abyss Pier color palette (#F0F8F1, #DFB5AA, #47674D, #004145, #222F24)
• Patina Plum color palette (#EDFBDC, #2BBE8D, #BA298B, #006D4E, #631549)

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