We have several shades of blue going on in this project. Some are close enough to each other that we may be able to eliminate one. Others are close enough to USWDS colors that we may want to use those instead.
$va-text-alt-dark: #0f2d52; // Navy blue
// Backgrounds
$va-bg-box-call-out: #ececec; // Pale gray - (Closest to USWDS gray-lightest #f1f1f1, but slightly lighter)
$va-bg-box-snippet: #e1fcfd; // Pale blue (Closest to USWDS primary-alt-lightest #e1f3f8, but slightly greener)
$va-bg-breadcrumb: #092332; // Midnight blue (Closest to USWDS primary-darkest, #112e51, but darker)
$va-bg-nav: #032534; // Alternate midnight blue (Closest to USWDS primary-darkest, #112e51)
$va-bg-nav-hover: #133A4B; // Lighter midnight blue (Closest to USWDS primary-darkest, #112e51; Slightly yellower)
$va-brand: #0a5bae; // Cerulean (Closest to USWDS primary-darker, #205493; slightly lighter)
@webinista not sure how it happened but we should use all the same colors as USWDS. The only time it is different is the bg-box-snippet which is accurate to what is above. Thanks for pointing this one!
We have several shades of blue going on in this project. Some are close enough to each other that we may be able to eliminate one. Others are close enough to USWDS colors that we may want to use those instead.