Patina Olive Pier color palette — #F1EDDB · #757E00 · #004561 · #313500 · #000503

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

The five colors

• Cream (#F1EDDB): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#757E00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#004561): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Forest (#313500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

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

• Olive Field color palette (#E1E2D0, #327C00, #003460, #0F2F00, #050006)
• Timeworn Coast color palette (#F5EADF, #A86400, #004A42, #4A2900, #010500)
• Nightshade Parlor color palette (#E8EFDF, #008C62, #282899, #003C28, #0A0008)
• Softworn Villa color palette (#F2DFD6, #007B32, #00454D, #46002C, #001C13)
• Washed Thicket color palette (#E6EBDA, #009C55, #00554B, #002E33, #001927)
• Aubergine Cabin color palette (#E4EFE4, #009C9A, #6029A2, #004C4A, #19060F)
• Navy Orchard color palette (#E5ECDE, #006B51, #1C007B, #002419, #050004)
• Worn Moss color palette (#E1EDDA, #8DAD00, #009875, #006489, #00201E)

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