Patina Cocoa color palette — #FCF5E2 · #FFCED8 · #B79E75 · #4B7E72 · #662C07

Built around Rust, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FCF5E2): A whisper-light, dusty green — the color of new leaves after rain.
• Shell Pink (#FFCED8): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#B79E75): A luminous, dusty gold — the color of honey in a jar.
• Teal (#4B7E72): A full-bodied, dusty teal — the color of shallow lagoons.
• Rust (#662C07): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged retro, 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

• Taupe Villa color palette (#F9F6E3, #F6CCFA, #CD917D, #417B93, #4F3937)
• Patina Cocoa Veranda color palette (#FEF3E7, #FFD1C2, #A0A873, #6A6F96, #5A3600)
• Patina Cerulean color palette (#EDF9EF, #FCC0B1, #CCA775, #309CA7, #593E4D)
• Dusty Bronze color palette (#FBF0DF, #D89A8A, #977038, #025D65, #38281D)
• Dusty Petrol Archive color palette (#FFF2EF, #F7B8C3, #68A89D, #4F6B9B, #472E46)
• Lagoon Corridor color palette (#FBF3F0, #C6DDE2, #AFC3F1, #6AA082, #5A4558)
• Powdered Navy Lagoon color palette (#FFF3E7, #EEA276, #6E893E, #524488, #2F1E03)
• Antique Honey Market color palette (#FFF2EA, #F2C379, #62A278, #71558C, #34322B)

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