Weathered Olive Pier color palette — #F6F7E8 · #87AC76 · #C27054 · #3E761C · #603527

Built around Olive, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F7E8): a clean, paper-quiet neutral.
• Sage (#87AC76): A luminous, balanced green — the color of a quiet forest floor.
• Caramel (#C27054): A luminous, balanced orange — the color of toasted spice.
• Olive (#3E761C): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#603527): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Balance. Tagged warm.

Use it as a design system

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

• Chestnut Orchard color palette (#FFF3E5, #BCA379, #8E6B3E, #754505, #403D36)
• Softworn Summit color palette (#FFF4DD, #AFA05A, #309B9A, #766500, #004D4C)
• Pine Veranda color palette (#F1F4E1, #84B187, #A777C1, #007A25, #321D3D)
• Washed Cypress color palette (#EFF8EB, #80BEB0, #8B95CB, #2F8273, #5F4356)
• Timeworn Garden color palette (#E8F9F7, #93C798, #B892D5, #2E9846, #4E3660)
• Muted Balcony color palette (#F1F9E1, #B4F0F4, #95D9D2, #678A62, #3E5716)
• Worn Forest Coast color palette (#F0F8EB, #A8B587, #00604F, #00372D, #102119)
• Sunlit Atelier color palette (#E9F9F6, #A6DD9C, #FFA37F, #70B263, #603625)

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