"Accessible” colors can be used in combination with white text or backgrounds, since the contrast ratio between the color and white is at least 4.5:1, the WCAG 2.0 level AA compliance ratio for color contrast.
The supporting color palette is composed of lightest and darkest variations of the primary color palette. A broad supporting color palette adds nuance and depth to illustrations, data visualizations, and complex components.
Cool grays are used widely in the site, predominantly for large background fills.
$gray-dark: the text on disabled buttons
$gray: maps, as rules with custom headline styles on Revenue pages
$gray-lighter: primarily in flowcharts, and as an option for large background containers
Green represents land-ownership in maps, and data in charts. It also serves to add a bit of color to the site here and there, and helps make hierarchy more distinct when used as a rule with some headers.
$green-dark: complex bar charts
$green-state-hex: for maps only
$green-land: for maps only
$green-mid: for maps only
Blues do not feature heavily in the site design. They're mainly reserved for links, buttons, and the county-level maps on state Explore pages.
$blue-dark: the text color over the
$blue-cthrubackground color (on the filter panel for Federal Revenue by Company), to achieve sufficient color contrast
$blue-mid-dark: for maps only
$blue-mid: for maps only
$blue-cthruis semi-transparent, and used as the background color for filter panel overlays
$blue-light: for maps only