Patina Field color palette — #F6F2E3 · #A5BD81 · #5B805A · #4A5B3F · #2A2812

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

The five colors

• Cream (#F6F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A5BD81): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#5B805A): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#4A5B3F): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#2A2812): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Jade Bloom color palette (#F7F2DD, #85AE67, #2F7545, #523E54, #1E1D04)
• Pewter Dune color palette (#EEF8F1, #8FBAAB, #5B7D5D, #3A606A, #2E4940)
• Aged Cerulean color palette (#F6F1E9, #AEE9E7, #4B9BA7, #346A57, #173326)
• Soft Emerald color palette (#E9E7C4, #3CAF57, #006C4E, #00484A, #001C05)
• Antique Pine Alley color palette (#E5E2C7, #348E38, #005135, #16274F, #070900)
• Eclipse Hollow color palette (#F7EBDB, #655800, #272E00, #00171F, #020100)
• Washed Periwinkle color palette (#FDEBFD, #66A5FD, #B3833C, #3965A1, #382201)
• Cornflower Quarry color palette (#FFEAFC, #608AE5, #BB605C, #477947, #281826)

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