Patina Pine color palette — #F1F3EC · #CEDAD1 · #AFBDA1 · #39743E · #202119

A conversation between Olive and Stone, giving this palette its sense of nature and growth.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#CEDAD1): a clean, paper-quiet neutral.
• Stone (#AFBDA1): A luminous, dusty green — the color of fresh herbs.
• Olive (#39743E): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#202119): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Softworn Terrace color palette (#EEF8F6, #CADDE8, #A2B8BE, #4A703A, #2F3E3B)
• Pine Balcony color palette (#F3F3E6, #86AC84, #207745, #394E28, #1C1E02)
• Hushed Petrol Courtyard color palette (#EDF4F0, #C7DCDD, #9ACBBD, #007794, #1B2822)
• Inked Coast color palette (#DBE4D3, #00765D, #002C28, #070F01, #020300)
• Hushed Emerald Market color palette (#F5F6EE, #D2E1D8, #ABB3C7, #70975D, #2F2F25)
• Aged Quarry color palette (#E2EBE7, #BFD0CA, #B09CB1, #005D7F, #071A13)
• Softworn Spruce Studio color palette (#E9F1EB, #819289, #4F7466, #003037, #000201)
• Washed Mint color palette (#EBF7DF, #8FD68C, #00CB97, #00988F, #001E16)

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