Patina Olive color palette — #F4F2E8 · #B4B97D · #00877F · #676A00 · #081107
A conversation between Olive and Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F2E8): bright and airy, almost weightless.
- Sage (#B4B97D): A luminous, balanced green — the color of new leaves after rain.
- Teal (#00877F): A full-bodied, balanced teal — the color of sea glass.
- Olive (#676A00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#081107): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Patina Olive 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
- Wandering Pine color palette (#F1F3EB, #89C587, #0081A3, #247829, #02120A)
- Worn Cabin color palette (#F7F1E9, #D7AB5F, #008D3C, #835C00, #0D1004)
- Mustard Alley color palette (#EDF9F0, #CDAA48, #1778A1, #765C00, #162631)
- Mustard Villa color palette (#EDF8F3, #C6CB75, #28A496, #82863A, #15272B)
- Jade Archive color palette (#FEF0DB, #78AC6C, #007D6D, #543967, #20260D)
- Pine Field color palette (#E0F8C5, #84C086, #008C62, #00544D, #00292B)
- Pewter Boulevard color palette (#F2F2EC, #D1DBD3, #AFC3B8, #657E53, #2D2D22)
- Moss Chapel color palette (#EEEFE0, #5FAC00, #006775, #2E5900, #000406)
Browse the whole catalog at Explore, or see today's palette.