Patina Cocoa color palette — #E1F0F9 · #00657D · #6D3A00 · #002F3C · #060200

Bronze takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E1F0F9): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00657D): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6D3A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002F3C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, 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

• Worn Garnet Study color palette (#CFEEFE, #00667A, #8B0032, #002F3A, #0A0001)
• Nocturne Cocoa Boulevard color palette (#DEF2FE, #004F72, #652B00, #352900, #000103)
• Ancient Ultramarine Canyon color palette (#DDE7F3, #0055BA, #5F4400, #00275C, #050200)
• Obsidian Petrol color palette (#DEEFFF, #0076A9, #003A5C, #000F1C, #000103)
• Timeworn Olive color palette (#E3F5EB, #008CAC, #557300, #004354, #010100)
• Denim Quarry color palette (#DFE1C6, #9F5B00, #0064AA, #0A0B17, #000104)
• Pewter Archive color palette (#C5E3F8, #749AD6, #8561A2, #004645, #00050E)
• Frosted Coast color palette (#D1ECFF, #00678E, #7D007E, #003146, #200020)

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