Color Card Treatments
Different styles for displaying color swatches on the palette detail page.
Selected: Quarters
Top half color, bottom split for role & hex
primary
#4A90B8secondary-1
#6BB8C7secondary-2
#8FC4A8neutral-1
#E8F1F5neutral-2
#7A8B94All Treatments
Quarters
Top half color, bottom split for role & hexprimary
#4A90B8secondary-1
#6BB8C7secondary-2
#8FC4A8neutral-1
#E8F1F5neutral-2
#7A8B94Quarters Equal
Fixed height with equal quartersprimary
#4A90B8secondary-1
#6BB8C7secondary-2
#8FC4A8neutral-1
#E8F1F5neutral-2
#7A8B94Thirds
Color 2/3, info inline 1/3primary
#4A90B8secondary-1
#6BB8C7secondary-2
#8FC4A8neutral-1
#E8F1F5neutral-2
#7A8B94Overlay
Text overlaid on colorprimary
#4A90B8secondary-1
#6BB8C7secondary-2
#8FC4A8neutral-1
#E8F1F5neutral-2
#7A8B94Compact
Horizontal layoutprimary
#4A90B8secondary-1
#6BB8C7secondary-2
#8FC4A8neutral-1
#E8F1F5neutral-2
#7A8B94Minimal
Clean with glass info barprimary
#4A90B8secondary-1
#6BB8C7secondary-2
#8FC4A8neutral-1
#E8F1F5neutral-2
#7A8B94Pill
Rounded with badgeprimary
#4A90B8secondary-1
#6BB8C7secondary-2
#8FC4A8neutral-1
#E8F1F5neutral-2
#7A8B94Stacked
Labeled sectionsRole
primary
Hex
#4A90B8Role
secondary-1
Hex
#6BB8C7Role
secondary-2
Hex
#8FC4A8Role
neutral-1
Hex
#E8F1F5Role
neutral-2
Hex
#7A8B94