Olive Pier color palette — #FFF2ED · #F0A9A6 · #CF9243 · #74870D · #004332

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#F0A9A6): A luminous, balanced orange — the color of toasted spice.
• Mustard (#CF9243): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#74870D): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004332): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Airy Emerald color palette (#FDF3EC, #E9B08A, #AAA349, #089556, #004047)
• Hazy Garden color palette (#FFF1F2, #E9A5D2, #DF8273, #A17400, #293F16)
• Patina Tangerine color palette (#FFE1D0, #FF7C50, #AC8300, #3D7900, #002B26)
• Quiet Boulevard color palette (#F9F1E1, #C5B162, #50AA56, #008080, #002E4C)
• Hushed Meadow color palette (#FFF2EF, #E6CCC4, #DAAA9C, #9D9071, #5C5000)
• Tempered Amber color palette (#F3F4FF, #C4AAFC, #B47E00, #00696F, #00313E)
• Ancient Moss color palette (#E9E5D3, #889B00, #008766, #005B6E, #050044)
• Muted Bronze Parlor color palette (#F9EDE3, #AD5800, #615700, #004318, #000202)

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