Tempered Cocoa Field color palette — #FFF3E6 · #F3A89B · #B4876B · #67754D · #6F360D

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

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Melon (#F3A89B): A luminous, balanced orange — the color of autumn markets.
• Caramel (#B4876B): A luminous, dusty gold — the color of honey in a jar.
• Olive (#67754D): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#6F360D): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

Use it as a design system

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

• Hushed Mustard Pier color palette (#FFF4E1, #E7B36E, #A29254, #6D7069, #4B4741)
• Antique Basin color palette (#FDF4E5, #D69298, #996B4D, #23665E, #703415)
• Petrol Balcony color palette (#F9F5E8, #F7CDF2, #C6957E, #4278A1, #513835)
• Driftwood Dune color palette (#FFF2EB, #E7CDB7, #B6A998, #848942, #475A15)
• Misty Tangerine Delta color palette (#FFF3E3, #FB812F, #AB6E00, #2D6B2C, #4F2B0B)
• Hushed Veranda color palette (#EBFAED, #F9BFC3, #D0A387, #389E92, #53414F)
• Coral Pier color palette (#FFEEE5, #E87656, #7F4919, #40352F, #26201E)
• Washed Hollow color palette (#EEDDBF, #A67700, #635900, #004335, #1E1500)

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