Olive Pier color palette — #FBF7D2 · #698400 · #007779 · #7A2D00 · #211900

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

The five colors

• Custard (#FBF7D2): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#698400): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#007779): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#7A2D00): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#211900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Soft Emerald Lantern color palette (#EAF3CD, #0A9C26, #006885, #6A3F00, #1A1C00)
• Hushed Mulberry Ridge color palette (#FFF1D9, #957200, #00704F, #8E003A, #260F00)
• Soft Emerald color palette (#F1F9E2, #00A76C, #AB4927, #6E4D00, #231F04)
• Misty Garden color palette (#D8E9CE, #007664, #0049A4, #3C3500, #000B02)
• Mulberry Ridge color palette (#EFFBDA, #009A61, #006F77, #6A0059, #010400)
• Navy Harbor color palette (#DEF0C6, #00A576, #007688, #013CA5, #252600)
• Hushed Cerulean Hollow color palette (#EDF9EE, #00A4B0, #6E76BC, #566728, #242B1C)
• Hushed Olive Station color palette (#F5F6EB, #DAE3C0, #B4C59C, #3A8C33, #33342D)

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