Olive Pier color palette — #F1F7F1 · #DABA91 · #788543 · #8B652C · #21322C

A conversation between Olive Leaf and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Sand (#DABA91): A luminous, dusty gold — the color of old brass.
• Olive Leaf (#788543): A full-bodied, balanced green — the color of fresh herbs.
• Walnut (#8B652C): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#21322C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Softworn Hollow color palette (#EEF8F4, #B8C894, #3D8F72, #64762B, #1F3233)
• Antique Bronze Thicket color palette (#F6F0F3, #DFB5CB, #6F8E54, #A55B2D, #081916)
• Washed Taupe Workshop color palette (#E8FBEF, #B1A977, #707E51, #31616E, #384D43)
• Amber Veranda color palette (#FAF4EF, #F0C8AB, #7DAA6C, #CA723D, #2E2E28)
• Hushed Fern Canyon color palette (#FFF5D3, #C3BC85, #878D50, #526630, #31551A)
• Smoked Chestnut Villa color palette (#D3E5D6, #745500, #00371E, #271B00, #010200)
• Frosted Pine Chapel color palette (#EBF9F0, #B8A136, #167A12, #655500, #00231F)
• Tempered Olive Lagoon color palette (#D8ECE7, #5C8514, #004B38, #243900, #000503)

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