Patina Cocoa Loft color palette — #EFFAE4 · #007957 · #813306 · #433200 · #201F04

A conversation between Rust and Teal, giving this palette its sense of optimism and balance.

The five colors

• Cream (#EFFAE4): A whisper-light, dusty green — the color of a quiet forest floor.
• Teal (#007957): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#813306): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#433200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#201F04): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Patina Cocoa Loft 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

• Gentle Mulberry color palette (#F9F6E0, #5F7100, #85264A, #561F00, #2B1D00)
• Pale Nightshade color palette (#E5F7EE, #007191, #594290, #661800, #060C00)
• Spruce Delta color palette (#D5EBDF, #005F78, #494400, #023606, #001515)
• Tempered Spruce Terrace color palette (#EEF9ED, #4D9C9B, #85643C, #4F521A, #2E3B00)
• Midnight Coast color palette (#E5F5D9, #004D3F, #461E00, #231B00, #010C00)
• Wandering Corridor color palette (#F1F7F2, #D0DCDB, #A6B8AF, #00717A, #333E35)
• Cobalt Alley color palette (#E1FDF2, #007BB6, #4C5300, #00462D, #002A30)
• Frosted Pier color palette (#EDF6FF, #2789C9, #7061B2, #882400, #002827)

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