Patina Cocoa color palette — #F4F8E4 · #70B29E · #00787C · #7F391B · #004637

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

The five colors

• Cream (#F4F8E4): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#70B29E): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00787C): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#7F391B): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#004637): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.

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 Courtyard color palette (#F9F6E4, #81B280, #007C60, #4F5600, #1E451F)
• Pine Bloom color palette (#FFF4DE, #97AD6C, #007F38, #7C3456, #344018)
• Softworn Lagoon Lantern color palette (#F3F7E9, #72D1A7, #009D80, #686E34, #393C35)
• Hushed Driftwood Pier color palette (#FCF4EB, #CBBFA8, #8D8339, #557032, #624900)
• Antique Byzantium color palette (#C0FAE8, #00957B, #A539BB, #B0005A, #003A2E)
• Timeworn Fern Delta color palette (#EEE3D5, #918F4F, #38620C, #533800, #2C2B00)
• Hazy Harbor color palette (#E4E4D0, #76B045, #00883E, #006547, #004F49)
• Plum Canyon color palette (#F0F9E1, #2BBF80, #AE30A4, #006E46, #60115A)

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