Patina Cocoa color palette — #E9FAEC · #87B39A · #846F47 · #694A2A · #244539

Built around Coffee, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9FAEC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#87B39A): A luminous, dusty teal — the color of glacier melt.
• Walnut (#846F47): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Coffee (#694A2A): A full-bodied, dusty gold — the color of old brass.
• Forest (#244539): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Aged Cocoa color palette (#E8F6EA, #91B5A5, #8C703C, #6F3D22, #002A25)
• Antique Cocoa Garden color palette (#FFF0F8, #C49F80, #936651, #73423C, #324232)
• Taupe Bloom color palette (#FFF3E2, #DFCFA9, #C6A86B, #A67F58, #3F3D36)
• Tempered Drift color palette (#BBEBD3, #84974D, #635E00, #4C3900, #163106)
• Worn Cerulean Balcony color palette (#E8F8FF, #00929E, #9B5778, #7F3F17, #1C3741)
• Dusty Basalt color palette (#D7F1E3, #727C43, #4E4600, #352500, #0C1B00)
• Muted Abyss color palette (#E6F9FF, #C2AC7D, #005D60, #003637, #131D26)
• Washed Meadow color palette (#ECF7FC, #53C0D4, #536AB1, #006C7B, #1D2431)

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