Olive Pier color palette — #E6F6ED · #9DB16C · #337E1F · #00517D · #1C2400

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

The five colors

• Cream (#E6F6ED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9DB16C): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#337E1F): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00517D): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1C2400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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

• Olive Harbor color palette (#E8F7E9, #B1A976, #657400, #4D3E84, #262100)
• Ancient Cypress Orchard color palette (#E1F8F2, #7AB88E, #007E64, #3C4680, #002912)
• Ancient Loft color palette (#FFF3E7, #ABA665, #2F7D00, #65416B, #403C0E)
• Ancient Orchard color palette (#DFF0E8, #7E966D, #206436, #0A3968, #081600)
• Sunlit Emerald color palette (#FDF5DF, #AFC676, #489D33, #396E95, #3C3B34)
• Pewter Parlor color palette (#EBF4EF, #ADCBC0, #608D85, #615C7D, #20362F)
• Antique Navy color palette (#DAEFEA, #528665, #005040, #1D205D, #000B03)
• Worn Cerulean Garden color palette (#ECF4ED, #9DDDE0, #0092AA, #006451, #002939)

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