Patina Cocoa Field color palette — #FFF2EA · #DDFED0 · #DEDACC · #E5998A · #6E3B01

Bronze and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Honeydew (#DDFED0): A whisper-light, dusty green — the color of a quiet forest floor.
• Bone (#DEDACC): a clean, paper-quiet neutral.
• Melon (#E5998A): A luminous, balanced orange — the color of toasted spice.
• Bronze (#6E3B01): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Blush Thicket color palette (#FFF2EF, #E1D8CD, #EB98B6, #A4B29A, #60453C)
• Washed Courtyard color palette (#FFF2EC, #DFDECD, #ACD3B1, #C27895, #6D3D00)
• Washed Taupe color palette (#FCF5E2, #DCD0AA, #B8AE72, #988655, #3F3D36)
• Tangerine Alley color palette (#FFF3E7, #FFDCA9, #ECD05B, #F17902, #4E3100)
• Powdered Marigold Workshop color palette (#FFF4DD, #C9EFC4, #8BE8B6, #D8A000, #494606)
• Frosted Alley color palette (#FEF2EC, #ECA092, #8198E6, #A469BD, #422420)
• Weathered Taupe Harbor color palette (#FAF4ED, #EDD1A2, #B48D58, #7E5C28, #292014)
• Worn Moss color palette (#F5EAD9, #91AB80, #90A235, #845900, #0F0A00)

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