Cocoa Field color palette — #FFEDBF · #AFD9A8 · #6DBAC1 · #B07B72 · #74342B

Rust takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FFEDBF): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#AFD9A8): A whisper-light, balanced green — the color of a quiet forest floor.
• Cyan (#6DBAC1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#B07B72): A luminous, dusty orange — the color of autumn markets.
• Rust (#74342B): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Feathered Courtyard color palette (#FFE9DA, #CED690, #67C3B3, #AD7291, #6A3B55)
• Muted Fern Station color palette (#F3EDC0, #9ED9C2, #84BAD8, #93824B, #5B4B05)
• Seafoam Pier color palette (#DAF9C0, #87E0DA, #C49FBE, #AA7663, #6D4434)
• Pewter Parlor color palette (#F3FAD4, #B0ECD6, #6EB1BD, #855C8B, #673549)
• Washed Mint color palette (#EEDDBF, #89C59F, #61A2B2, #94634E, #522712)
• Fern Field color palette (#F2F9E0, #C7E0DD, #D4BECA, #A29D86, #5F4F00)
• Misty Bloom color palette (#EAFBE6, #3DF8E5, #E97F80, #00AEA0, #6C141E)
• Faded Jade Field color palette (#FFF4DE, #BCD9A3, #38BF90, #9B8743, #2C4216)

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