Weathered Olive Pier color palette — #FCF5E0 · #AEBB6B · #7E7B00 · #524600 · #161300

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

The five colors

• Cream (#FCF5E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#AEBB6B): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#7E7B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#524600): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#161300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged earthy, 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

• Worn Hollow color palette (#FFF3E6, #CEAD79, #A36700, #683906, #1B1000)
• Fern Bloom color palette (#E1F3EA, #7F8D5D, #5B5806, #3E2F00, #041300)
• Moss Archive color palette (#E9DEBF, #9CC064, #9A921E, #86652B, #222708)
• Dusty Orchard color palette (#F2E5D2, #9E8335, #654700, #311C00, #020100)
• Softworn Boulevard color palette (#FFF2E9, #E7BEA0, #BD754D, #7A4A3A, #311C04)
• Pale Amber Hollow color palette (#FBE0C8, #C98B40, #8D4D00, #512200, #070300)
• Peony Corridor color palette (#FFF1F1, #D3549D, #A56600, #574E00, #160102)
• Ancient Scarlet color palette (#FFF2ED, #D8453D, #6E6200, #033F08, #000202)

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