Worn Olive Pier color palette — #FFF1F1 · #FFD1BC · #B89858 · #516E1F · #003C22

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Peach Cream (#FFD1BC): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#B89858): A luminous, balanced gold — the color of honey in a jar.
• Olive (#516E1F): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003C22): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Pine Summit color palette (#FFF2ED, #FDDF9A, #A4AF5E, #1F7F52, #003934)
• Softworn Pier color palette (#FFE8E3, #DAA17B, #987600, #475C00, #004E28)
• Coral Garden color palette (#FFF0FE, #FFCFDE, #DC8774, #865900, #323200)
• Moss Boulevard color palette (#FFF1E8, #F0CEA1, #C4AA4D, #898A00, #304700)
• Aged Lantern color palette (#FFE0DA, #C46A00, #595000, #122600, #000201)
• Mustard Field color palette (#FFF4DD, #BDC345, #1D8D47, #004E4B, #001920)
• Timeworn Villa color palette (#FFEADD, #8D7700, #275000, #00130A, #000102)
• Timeworn Amber Market color palette (#E7FBEB, #C29726, #2E4D47, #152218, #0A0307)

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