Patina Cocoa color palette — #CFF5EB · #005A4C · #6E2600 · #3D2600 · #000A07

Rust takes the lead with Pine close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#CFF5EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Pine (#005A4C): A full-bodied, dusty teal — the color of glacier melt.
• Rust (#6E2600): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#3D2600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000A07): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: 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

• Antique Basalt Lantern color palette (#DCEEF4, #005668, #523D00, #21310A, #00090D)
• Twilit Coast color palette (#DBF6F7, #005457, #620076, #3F2A00, #000202)
• Aged Lantern color palette (#E1F7E0, #035E13, #7B002A, #4D1900, #000B01)
• Garnet Pier color palette (#D2E8F9, #004A67, #67002F, #112200, #00050A)
• Softworn Studio color palette (#CEE7E7, #007579, #8B0FA5, #634400, #000A0A)
• Ultramarine Balcony color palette (#D7E2F4, #0051C1, #4D5300, #17421B, #010F2F)
• Weathered Bronze Thicket color palette (#FEDAED, #8A5D00, #5D2500, #3C000F, #0D0C00)
• Frosted Terracotta Grove color palette (#CFF8FA, #008186, #A83B00, #6B4400, #002A2C)

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