Color Palette (Destinations Next)

Rizzo Next Colors

Click to copy
Copied!
#1C3043;
$offscreen-nav-background
Click to copy
Copied!
#1d508d;
$navblue
Click to copy
Copied!
#bccee3;
$nav-primary-type
Click to copy
Copied!
#2e7cb9;
$button-background
Click to copy
Copied!
#2472AD;
$button-hover-background
Click to copy
Copied!
#3b444f;
$h2-color
Click to copy
Copied!
#dc221a;
$h2-secondary-color
Click to copy
Copied!
#3b4450;
$body-color
Click to copy
Copied!
#297cbb;
$link-color
Click to copy
Copied!
#e4e4e4;
$divider-color
Click to copy
Copied!
#898e95;
$light-text-color
Click to copy
Copied!
#2c3642;
$sub-navigation-color
Click to copy
Copied!
#cdd0d6;
$light-sub-nav-color
Click to copy
Copied!
#f1f4fb;
$sub-nav-border-color
Click to copy
Copied!
#f4f5f8;
$hover-submenu-background
Click to copy
Copied!
#e1e3e7;
$subnav-featured-border-color
Click to copy
Copied!
#67747c;
$feature-copy
Click to copy
Copied!
#297cbb;
$lpblue
Click to copy
Copied!
#f5f7fc;
$body-background
Click to copy
Copied!
#dbe6ec;
$subduedgray
Click to copy
Copied!
#dc1b10;
$tours-price-background
Click to copy
Copied!
#c4c7cb;
$tours-type-color
Click to copy
Copied!
#474f5a;
$tours-title-color
Click to copy
Copied!
#a0a6ad;
$tours-blurb-color
Click to copy
Copied!
#66747c;
$ancillary-header-color
Click to copy
Copied!
#7e838b;
$articles-blurb-color
Click to copy
Copied!
#959aa0;
$footer-bottom-link-color
Click to copy
Copied!
#bfc2c6;
$footer-copyright-color
Click to copy
Copied!
#cccdce;
$footer-bottom-icon-border-color
Click to copy
Copied!
#0FDEBD;
$active
Click to copy
Copied!
#288ad6;
$linkblue
Click to copy
Copied!
#2c3643;
$darkgray