Get Custom Field value of Page upon custom menu link hover

CMS & WordPress
1

Hello there,

I have a site that I built outside of word press and am trying to integrate it so that a client can update it, but alas, i’m more designer than developer.
I’m trying to work out how to get the custom field of a page when you hover over a link to that page in a custom menu.
This is what I have a them moment:

$('.menu a').hover(
		function(){
 			$('body').stop().animate({'backgroundColor': '#c1c4c9'},300);
			$(this).css({'color': 'rgba(255,255,255,0.9)'});
		},
		function () {
			$(this).css({'color': 'rgba(0,0,0,0.2)'});
		});

I want to be able to replace the color values dynamically so that the end user can set the color from a custom field and have it fed through to a function like the one above.
I know it’s not semantically correct; wrappers & enqueue etc, however at this stage i’m just trying to figure out if what I’m trying to do is possible.
I’d be really grateful of any help you can give me.

Many thanks!