Colors

This page describes the various colors used by M-Files clients.

Colors

Night Sky

Night Sky 100

Night Sky 80

Night Sky 60

Night Sky 40

Night Sky 20

Night Sky 10

Blue Moment

Blue Moment 100

Blue Moment 100 (links)

Blue Moment 80

Blue Moment 60

Blue Moment 40

Blue Moment 20

Blue Moment 10

Blue Moment 5

Deep Blue

Deep Blue 100

Deep Blue 80

Deep Blue 60

Deep Blue 40

Deep Blue 20

Deep Blue 10

Deep Blue 5

Evergreen

Evergreen 100

Evergreen 80

Evergreen 60

Evergreen 40

Evergreen 20

Evergreen 10

Evergreen 5

Common

Alert Green

Alert Yellow

Alert Red

Alert Blue

Dark

White

Highlight Yellow

How to use and when

Vault view colors

Vault view colors

  1. #0A1541
  2. #0A1541
  3. #0A1541
  4. #F2F4F9
  5. #FFFFFF
  6. #CCD2E7
  7. #F2F4F9

Metadata colors

Metadata colors

  1. #FFFFFF
  2. #0A1541
  3. #6C728D
  4. #F2F4F9
  5. #6C728D
  6. #0A1541

Accessibility principles

Contrast and color use are vital to accessibility and important in M-Files design. Users, including users with visual disabilities, must be able to perceive content and visual elements on the screen.

Minimum level AA requirements:

The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:

• Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1; • Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement. • Logotypes: Text that is part of a logo or brand name has no contrast requirement.

Source: https://www.w3.org/

At least a 4.5:1 contrast ratio is needed

WebAIM contrast checker: https://webaim.org/resources/contrastchecker/