Sure, here’s what to do:
1. Since you’re already using Jetpack, activate the Custom CSS module under Jetpack > Settings.
2. Under Appearance > Edit CSS, you’ll find a new editor where you can add custom CSS. Here is the CSS from your featured palette at WordPress.com, copy-paste it into this CSS editor:
.social-links ul a:before { color: #FFFFFF;}
.menu-toggle, .menu-toggle:before, .menu-toggle:after { border-color: #636363;}
#infinite-footer .blog-info a,#infinite-footer .blog-info a:visited { color: #111111;}
#infinite-footer .container, body { color: #333333;}
blockquote { color: #636363;}
#infinite-footer .blog-credits, #infinite-footer .blog-credits a, #infinite-footer .blog-credits a:hover, #infinite-footer .blog-info a, #infinite-footer .blog-info a:visited, #infinite-footer .blog-info a:hover { color: #636363;}
#infinite-handle span:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #636363;}
#infinite-handle span:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .wp-caption-text, .comment-reply-link, .comment-reply-link:visited, .comment-metadata, .comment-metadata a, .comment-metadata a:visited { color: #636363;}
.site-footer, .site-footer a, .site-footer a:visited, .page-header { color: #636363;}
.entry-format a:hover { border-color: #636363;}
.entry-format a:hover, .entry-format a:active, .entry-format a:focus, #respond h3, .comments-title, .entry-meta, .entry-meta a, .entry-meta a:visited, .entry-meta a:active, .entry-meta a:hover, .entry-meta a:focus { color: #636363;}
.page-header, .hentry, .entry-meta, td, th { border-color: #cccccc;}
.page-header, .hentry, .entry-meta, td, th { border-color: rgba( 204, 204, 204, 0.2 );}
#infinite-handle span, button, input[type="button"], input[type="reset"], input[type="submit"], .entry-format a, .entry-format a:visited { color: #636363;}
#infinite-handle span, button, input[type="button"], input[type="reset"], input[type="submit"], .entry-format a { border-color: #636363;}
.entry-meta, .entry-meta a, .entry-meta a:visited, .entry-meta a:active, .entry-meta a:hover, .entry-meta a:focus { color: #636363;}
#infinite-footer .container, body, .entry-format:before, .entry-format a, #infinite-handle span, button, input[type="button"], input[type="reset"], input[type="submit"] { background-color: #eeeeee;}
.site-header, tr:nth-of-type(2n), blockquote, pre, .wp-caption { background-color: #EAEAEA;}
.slide-menu { background-color: #E8E8E8;}
blockquote { border-color: #E8E8E8;}
.social-links ul a:before { background-color: #6b87a5;}
.social-links ul a:hover:before { background-color: #6b87a5;}
.social-links ul a:hover:before { background-color: rgba( 107, 135, 165, 0.75 );}
.menu-toggle:hover, .menu-toggle:hover:before, .menu-toggle:hover:after, .menu-toggle:active, .menu-toggle:active:before, .menu-toggle:active:after, .menu-toggle:focus, .menu-toggle:focus:before, .menu-toggle:focus:after, .sidebar-open .menu-toggle, .sidebar-open .menu-toggle:before, .sidebar-open .menu-toggle:after { border-color: #4F6681;}
.comment-author, .comment-author a, .comment-author a:visited { color: #4F6681;}
a, a:visited, a:active, a:focus, a:hover { color: #4F6681;}
.entry-title, .entry-title a, .entry-title a:visited { color: #4F6681;}
h1, h2, h3, h4, h5, h6 { color: #4F6681;}
.widget-title { color: #4F6681;}
.site-title a, .site-title a:visited, .site-title a:hover { color: #4F6681;}
Let me know how it goes.