Weathered Cocoa Pier color palette — #FFF3E7 · #CEAD75 · #9F692E · #703109 · #1A1100

A conversation between Rust and Ochre, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Camel (#CEAD75): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#9F692E): A full-bodied, balanced gold — the color of old brass.
• Rust (#703109): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1A1100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Hushed Stone color palette (#FFF5D9, #ADBB74, #807834, #5A4200, #081700)
• Worn Study color palette (#FFF3E4, #DAC68E, #A68350, #7C4B21, #292106)
• Hushed Chestnut Dune color palette (#F5E3C6, #A59C57, #785B00, #482A00, #030400)
• Tempered Garnet color palette (#F5DAE4, #97854E, #7B4600, #5E0D07, #00130D)
• Softworn Periwinkle Lantern color palette (#FFEFFF, #4B9AFF, #A34A00, #574E00, #120013)
• Sunlit Indigo color palette (#FFF0FB, #5371D6, #974900, #313C00, #000201)
• Tempered Denim Cabin color palette (#E2FCF5, #DEB55A, #00538F, #001931, #000201)
• Powdered Delta color palette (#F2F5FF, #B9A0F5, #9F5FB5, #710463, #2D0017)

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