Patina Field color palette — #FFF2EC · #FFCFB6 · #EFAB5F · #B18E51 · #4E4C45

Built around Cantaloupe, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Peach Cream (#FFCFB6): A whisper-light, dusty orange — the color of autumn markets.
• Cantaloupe (#EFAB5F): A luminous, balanced gold — the color of afternoon light on wheat.
• Caramel (#B18E51): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#4E4C45): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged light, 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

• Antique Cocoa Delta color palette (#FEF3E7, #E9D7B6, #D1AF8A, #B08870, #554700)
• Washed Amber color palette (#FFF0F8, #F6BF97, #D48C41, #9D7440, #38503B)
• Muted Hollow color palette (#FDF4E8, #F3CF97, #89D0FF, #CF9F51, #30564A)
• Blush Meadow color palette (#FFF1F2, #FFC7D9, #FF9C9F, #C4846F, #524B46)
• Tempered Mustard color palette (#FFF3E4, #EAD392, #B5C262, #819963, #4E5049)
• Feathered Grove color palette (#F8E1D5, #FFAB45, #D19B00, #8B8400, #3C4B00)
• Hushed Quarry color palette (#FFE8F2, #D1DBFF, #FAD03B, #7E5F15, #39352E)
• Pale Boulevard color palette (#FDECCC, #AB9700, #688400, #246F00, #002A15)

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