Skip to main content

web-assets

Alt colour scheme

Transform (alt) colour scheme

  • Dark Green #3B5B59
  • Medium Green #597F72
  • Light Green #9BB9AD
  • Beige #EEE6D9
  • Muted Blue #7A99AC
  • Rusty Orange #BE6E3E

Colour contrast standards (AA)

  • Button colour to background colour: at least 3:1
  • Normal text to button colour: at least 4.1:1
  • Large text (24 px+ or 19px bold+)to button colour: at least 3:1

See AIM Contrast Checker

White background

Button options

  • Alt green [#3b5b59] with white text
  • Legacy green [#00703c] with white text
  • Grey button [#5D5C5C] with white text
  • Legacy orange [#e45300] with black text
  • Rusty orange [#BE6E3E] with black text

Light grey background

Button options

  • Alt green [#3b5b59] with white text
  • Legacy green [#00703c] with white text
  • Grey button [#5D5C5C] with white text
  • Legacy orange [#e45300] with black text
  • Rusty orange [#BE6E3E] with black text

 

 

Alt-green background

Button options

  • Light grey [#ebebeb] with legacy green text
  • White with alt green text
  • Alt light green [#9BB9AD] with dark grey text #403F3F

 

 

 

Alt-light-green background

Button options

  • Alt green [#3b5b59] with white text
  • Grey button [#5D5C5C] with white text

 

 

 

Solid grey [#403f3f] background

Button options

  • Light green [#7cb232] with body text
  • Alt light green [#9BB8AD] with grey text [#403F3F]
  • Light grey [#ebebeb] with grey text [#403F3F]

 

Contact Us