Olive Pier color palette — #EFF0DC · #7EBB64 · #DB754E · #3F8513 · #552613

Olive Leaf takes the lead with Coral Clay close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EFF0DC): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#7EBB64): A luminous, balanced green — the color of new leaves after rain.
• Coral Clay (#DB754E): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#3F8513): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#552613): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Coral Veranda color palette (#F8EED1, #B2AC4B, #D57385, #7B7500, #56212D)
• Gentle Emerald Cabin color palette (#E9EFD4, #219F50, #B35700, #00642C, #2E1100)
• Jade Boulevard color palette (#E0EAC4, #2CB065, #0099B8, #957200, #282F10)
• Aged Driftwood Delta color palette (#F3E5D6, #C4AA7F, #9C794D, #78512E, #33302A)
• Cypress Workshop color palette (#EAF1E6, #AEBD7A, #00755E, #2A3B1B, #101908)
• Soft Olive Market color palette (#F2F0D9, #93B751, #00A5CE, #5E7F00, #003C4D)
• Lagoon Summit color palette (#F2F9E2, #BCE8CF, #85DCD3, #6F9B6A, #40433C)
• Timeworn Corridor color palette (#ECFAEC, #85D4D3, #BFB275, #259F9E, #504D46)

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