Colour

Functional palette

This palette primarily used as support and as a warm contrast to the primary and secondary colours - 'Scorpion' should be used as the primary text colour across all of the AnyVan properties

• White

  • #FFFFFF
  • 255, 255, 255
  • 0, 0, 0, 0

• Scorpion

  • HEX#292929
  • RGB41, 41, 41
  • CMYK0, 0, 0, 84

• Boulder

  • #909090
  • 144, 144, 144
  • 0, 0, 0, 44

• Silver

  • #BCBCBC
  • 188, 188, 188
  • 0, 0, 0, 26

• Alto

  • #D8D8D8
  • 216, 216, 216
  • 0, 0, 0, 15

• Alabaster

  • #F7F7F7
  • 247, 247, 247
  • 0, 0, 0, 3

Semantic colours

The following guidelines outline when to use colours in products, interfaces and messaging. Semantic colour helps users quickly identify a status, an actions, locate help and support and understand next steps

Consistency in colour usage also keeps cognitive load low and makes for a more unified and engaging experience

These colours are to be used solely for notifications, warnings, status messages and errors

• Carnation

  • #F74F64
  • 247, 79, 100
  • 0, 68, 60, 3

• Lima

  • #70C216
  • 112, 194, 22
  • 42, 0, 89, 24

• Carrot

  • #FFA233
  • 255, 162, 51
  • 0, 36, 80, 0

Hierarchy

Shades of these colours can be used, sparingly, to show depth and variation in indicators and buttons

Carnation

• Blush

  • HEX#EC9AA3
  • RGB236, 154, 163
  • CMYK0, 35, 31, 7

• Port

  • HEX#89363E
  • RGB137, 54, 62
  • CMYK0, 61, 55, 46

Carrot

• Manhattan

  • HEX#F6C98E
  • RGB246, 201, 142
  • CMYK0, 18, 42, 4

• Fawn

  • HEX#D17C18
  • RGB209, 124, 24
  • CMYK0, 18, 42, 4

Lima

• Celery

  • HEX#91632D
  • RGB145, 99, 45
  • CMYK0, 32, 69, 43

• Fern

  • HEX#4F7324
  • RGB79, 115, 36
  • CMYK31, 0, 69, 55