Patina Field color palette — #FAF0E5 · #A4A36D · #4C6F48 · #5F3A41 · #231B03

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

The five colors

• Cream (#FAF0E5): bright and airy, almost weightless.
• Sage (#A4A36D): A luminous, dusty green — the color of fresh herbs.
• Olive (#4C6F48): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#5F3A41): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#231B03): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Patina Lagoon color palette (#F7F1E6, #B7B691, #4C8269, #6B4C4B, #2A2811)
• Muted Cypress Harbor color palette (#F8F1E4, #8EAA7C, #0A7659, #194D62, #1E1D00)
• Frosted Studio color palette (#ECE5C7, #52AA6D, #006A62, #692033, #001C09)
• Dusty Courtyard color palette (#FFE0E3, #BB74B2, #538C46, #822B7A, #052300)
• Emerald Thicket color palette (#ECF9F2, #C5D9A6, #659962, #446785, #082F26)
• Muted Stone color palette (#FFECF0, #F1D2B8, #E6AE7D, #506490, #3C2020)
• Timeworn Forest color palette (#F2E3CE, #747F44, #005226, #411739, #070900)
• Aged Forest color palette (#FBEFEA, #B3D0B7, #3986A6, #195E35, #061F43)

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