Patina Cocoa color palette — #FFF2F0 · #EFD6C1 · #CBAE72 · #7F5D7F · #6C2E17

Rust and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#EFD6C1): A whisper-light, dusty gold — the color of old brass.
• Camel (#CBAE72): A luminous, balanced gold — the color of honey in a jar.
• Graphite (#7F5D7F): A full-bodied, dusty pink — the color of a candy shop window.
• Rust (#6C2E17): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Patina Stone color palette (#FFF3E9, #F2DDA8, #9CBE7F, #92565A, #583200)
• Apricot Bloom color palette (#FFF1F4, #F9C3DE, #E29886, #656798, #563C3F)
• Worn Pewter color palette (#FFEDEC, #EBD5B9, #BAB980, #866495, #381A0E)
• Dusty Balcony color palette (#FCE3C9, #AE944C, #845926, #603829, #32302A)
• Powdered Bronze color palette (#FFE4DC, #E49B7A, #A1860E, #6D3963, #431A14)
• Washed Teal color palette (#FFF3DD, #B6C78B, #27AB8E, #864C2A, #35332C)
• Iris Station color palette (#FBF1FF, #FCD3E8, #D1CD97, #9B81BA, #4C364B)
• Timeworn Thicket color palette (#FFF3E8, #DDE0CA, #9FD4BE, #AA887D, #684600)

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