Weathered Olive color palette — #F2EED9 · #738A24 · #3A6249 · #20264F · #1B052A

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

The five colors

• Cream (#F2EED9): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#738A24): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#3A6249): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#20264F): A deep, shadowed, dusty violet — the color of wild irises.
• Deep Indigo (#1B052A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Patina Loft color palette (#FDDEC6, #977612, #465C1B, #10324D, #0E0D33)
• Worn Pine color palette (#DDE5C6, #4B7E51, #004F45, #2B194C, #0D031F)
• Patina Pier color palette (#F3E0CF, #828257, #266C47, #472A47, #44091C)
• Antique Cypress color palette (#E0EED0, #83A380, #3B795A, #005065, #002C47)
• Taupe Parlor color palette (#FFD5B3, #A3AA53, #298670, #464265, #25112E)
• Pale Olive Bloom color palette (#E7E7C5, #5B7800, #2C5600, #00290E, #001108)
• Pine Terrace color palette (#D5F0E9, #3C8B54, #00503C, #3F2103, #000B02)
• Washed Cerulean Loft color palette (#D3EDEE, #00A5AF, #3D6A81, #542D3E, #32162E)

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