Patina Olive Pier color palette — #C7ECEE · #5D8C00 · #006A4C · #00415C · #000202

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

The five colors

• Frost (#C7ECEE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Olive Leaf (#5D8C00): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#006A4C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#00415C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Patina 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

• Emerald Terrace color palette (#CFECF6, #00984C, #00656C, #00327A, #000102)
• Fern Balcony color palette (#CFEBE5, #887100, #196C07, #004145, #000201)
• Deep Cypress color palette (#CFF7EC, #2B6A52, #003843, #2E0005, #040200)
• Misty Jade Courtyard color palette (#DBEBD2, #00C589, #00927B, #00676E, #000201)
• Abyss Station color palette (#F2E7EF, #517F94, #00415D, #00201A, #000106)
• Obsidian Cocoa color palette (#D5EFFA, #005662, #5D2C00, #002329, #030100)
• Pale Aubergine color palette (#CCE6F8, #009992, #0075A0, #5F00B1, #000105)
• Mint Corridor color palette (#D4F7FE, #67C775, #00ABB3, #0072BF, #001317)

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