Patina Olive color palette — #EFF8EF · #93BAA7 · #627D50 · #436346 · #294A3C

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

The five colors

• Ivory (#EFF8EF): a clean, paper-quiet neutral.
• Sage (#93BAA7): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#627D50): A full-bodied, dusty green — the color of fresh herbs.
• Pine (#436346): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#294A3C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Patina Cypress Drift color palette (#EBF9F4, #88BBB7, #368372, #794B4B, #1F4B48)
• Fern Ridge color palette (#EDF9ED, #9F9E6C, #506D3A, #06584C, #153E2E)
• Wandering Quarry color palette (#EDF8F1, #C8C894, #8B9752, #537C64, #32483E)
• Lagoon Villa color palette (#BAEEDF, #8FBE86, #048F63, #006559, #01485D)
• Olive Parlor color palette (#E3FAFD, #D3DDE9, #C0C1EB, #5F8752, #35525A)
• Chestnut Summit color palette (#F7F1E6, #BEB38F, #717B3E, #6C5000, #2E2710)
• Patina Study color palette (#E5FAFC, #65B199, #B1719D, #00775F, #5D3050)
• Taupe Veranda color palette (#FCF4E9, #DAD8A6, #99B783, #9D8D79, #514000)

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