Olive Pier color palette — #FFF3E6 · #BFA27C · #64824C · #644E7D · #5B4400

Fern and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BFA27C): A luminous, dusty gold — the color of old brass.
• Fern (#64824C): A full-bodied, balanced green — the color of fresh herbs.
• Graphite (#644E7D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Antique Grove color palette (#FFF2EA, #B0A97E, #368777, #844058, #484841)
• Dusty Atelier color palette (#FFF4E2, #D29692, #917136, #40578C, #4D4642)
• Tempered Cocoa color palette (#FFF3E8, #CEC4B4, #9A9A80, #8C6577, #7D421D)
• Chestnut Grove color palette (#F6F6EB, #BCC5AF, #71896D, #925333, #415611)
• Washed Olive Study color palette (#E8F6EE, #B2AF74, #698342, #005E61, #193229)
• Washed Honey color palette (#F9F5E9, #E7DBC0, #DEC46A, #47AE89, #4D4C45)
• Aged Aubergine Boulevard color palette (#FFF3E8, #A28B00, #007342, #6E0D78, #313B00)
• Antique Sand color palette (#EAFBE9, #F4C97D, #98B98F, #818AAC, #394D43)

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