Olive Pier color palette — #FAD8B0 · #BEA95E · #778221 · #23581F · #00301E

A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Peach Cream (#FAD8B0): A whisper-light, dusty gold — the color of old brass.
• Camel (#BEA95E): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#778221): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#23581F): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#00301E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Linen Emerald Dune color palette (#EDE4B4, #98AF69, #36925A, #005949, #00373A)
• Sunlit Bronze Alley color palette (#ECD9E6, #D29465, #9A720B, #535909, #213310)
• Olive Workshop color palette (#CCFEF6, #9DC58A, #5E8C4A, #254905, #002004)
• Gentle Moss Chapel color palette (#E9E1CE, #849600, #397000, #00432A, #00211F)
• Olive Pier color palette (#E3F7F1, #92AF6E, #977EC4, #51701C, #2D1E45)
• Bronze Pier color palette (#FFECF5, #C1A780, #9A674B, #6C3C40, #0E291D)
• Muted Thicket color palette (#DDF9EF, #C2E1F1, #93CEE7, #947553, #163B37)
• Lowlit Fern Basin color palette (#F2E2C4, #675900, #273D00, #00200C, #000806)

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