Patina Cocoa color palette — #E7F8E1 · #B6DAC1 · #83A39A · #735D5B · #632B00

A conversation between Rust and Oat, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E7F8E1): A whisper-light, dusty green — the color of fresh herbs.
• Oat (#B6DAC1): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#83A39A): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#735D5B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Rust (#632B00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Washed Bronze Courtyard color palette (#DDFBE4, #9FCABD, #AA8EA1, #9A5B3B, #5C3600)
• Washed Cocoa Corridor color palette (#DAFEFA, #ACC6CC, #8595A5, #7F6976, #674B54)
• Muted Ash Canyon color palette (#F6F1EA, #C1E9E7, #77A2BF, #567459, #3F3040)
• Weathered Chestnut color palette (#F7F8DA, #C4ECE1, #D1BCCF, #9A887B, #7B4615)
• Wandering Cocoa color palette (#DDEFE5, #85ADE2, #8E687C, #70390C, #342816)
• Washed Fern color palette (#F1F3E6, #BACAA7, #738B6C, #5F671F, #253800)
• Aqua Station color palette (#D1EFD2, #56D0E0, #3091A9, #285E77, #1C3C35)
• Sky Ridge color palette (#E4F7ED, #6CC0E2, #C38F6F, #287C9B, #36302B)

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