Tempered Cocoa Pier color palette — #FFF4E2 · #F4C799 · #C2AC75 · #69987F · #633F00

Bronze and Wheat set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#F4C799): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#C2AC75): A luminous, dusty gold — the color of honey in a jar.
• Eucalyptus (#69987F): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#633F00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged retro, light, muted.

Use it as a design system

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

• Fern Study color palette (#F9F5E9, #E6DEC0, #BCB793, #AC9580, #5C4C00)
• Patina Cocoa color palette (#FFF4E1, #EDAC95, #9C9365, #81637F, #683C00)
• Dusty Ridge color palette (#EAFAED, #FFD1C4, #B1A16B, #6270A0, #4D3842)
• Weathered Bronze color palette (#F8F0E7, #D8AF75, #987532, #5B5349, #25211C)
• Oat Drift color palette (#FDF5D9, #B3D48D, #74B684, #3F8DA6, #3D3E37)
• Linen Mustard Dune color palette (#FFF5D3, #ECB905, #A3A500, #008E7F, #3F3500)
• Softworn Thicket color palette (#F4F6EF, #C0DFEC, #A6D2C0, #72ADB9, #2D5348)
• Gentle Mustard color palette (#EDDCB8, #C5AA00, #7E9400, #007672, #282500)

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