Patina Cocoa color palette — #F9EDE4 · #713E00 · #004664 · #232553 · #100500

Bronze and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9EDE4): bright and airy, almost weightless.
• Bronze (#713E00): A full-bodied, balanced gold — the color of old brass.
• Navy (#004664): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#232553): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#100500): A deep, shadowed, dusty gold — the color of old brass.

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

• Ancient Navy color palette (#EADDCB, #664600, #00407A, #0B1987, #0D0600)
• Garnet Chapel color palette (#F3DCDA, #930016, #004A4D, #182D49, #170001)
• Eclipse Bloom color palette (#F6EBCF, #8C6400, #1F2A2D, #221D00, #060400)
• Aubergine Workshop color palette (#FEEED2, #544100, #4D0078, #30003D, #070400)
• Tempered Field color palette (#F9DCC6, #8B5C00, #592900, #3D0002, #0F0B00)
• Wandering Ultramarine color palette (#FAE7CD, #976600, #0066AF, #003DCC, #332000)
• Soft Garnet Parlor color palette (#F8E1D0, #BAA657, #598342, #721823, #291900)
• Muted Mulberry Courtyard color palette (#F1FADE, #519A70, #93689F, #954B7B, #373932)

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