@mattilsynet/designsystem-css/src/utilities/colors.js

## Installation and usage

module.exports = [
  {
    name: 'mt-blue',
    color: 'hsl(196, 89%, 25%)',
  },
  {
    name: 'mt-red',
    color: 'hsl(3,76%,52%)',
  },
  {
    name: 'mt-red-uu',
    color: 'hsl(3, 76%, 36%)',
  },
  {
    name: 'mt-beige',
    color: 'hsl(55,19%,61%)',
  },
  {
    name: 'mt-beige-50',
    color: 'hsla(55,18%,61%,0.5)',
  },
  {
    name: 'mt-light-beige',
    color: 'hsl(37, 39%, 91%)',
  },
  {
    name: 'mt-background',
    color: 'hsl(38,40%,96%)',
  },
  {
    name: 'mt-light-blue',
    color: 'hsl(193, 52%, 42%)',
  },
  {
    name: 'mt-lighter-light-blue',
    color: 'hsl(193,39%,88%)',
  },
  {
    name: 'mt-rationale-blue',
    color: 'hsl(193, 39%, 88%)',
    onColor: 'hsla(0,1%,25%, 1)',
  },
  {
    name: 'mt-brown',
    color: 'hsla(0, 1%, 25%, 1)',
  },
  {
    name: 'mt-grey',
    color: 'hsl(216,3%,66%)',
  },
  {
    name: 'mt-white',
    color: 'hsl(0,0%,100%)',
    onColor: '#032C30',
  },
  {
    name: 'mt-green',
    color: 'hsla(79, 41%, 64%, 1)',
  },
  {
    name: 'mt-green-100',
    color: '#F3F8F1',
  },
  {
    name: 'mt-green-300',
    color: '#D3E8E0',
  },
  {
    name: 'mt-green-400',
    color: '#BCDCD0',
  },
  {
    name: 'mt-light-green',
    color: 'hsla(80, 41%, 85%, 1)',
  },
  {
    name: 'primary',
    alias: 'mt-blue',
    color: 'hsl(196, 89%, 25%)',
    onColor: 'hsl(0,0%,100%)',
  },
  {
    name: 'mt-blue-medium',
    color: 'hsl(193,52%,42%)',
  },
  {
    name: 'secondary',
    alias: 'mt-beige',
    color: 'hsl(54,19%,61%)',
  },
  {
    name: 'mt-text-dark',
    alias: 'mt-brown',
    color: 'hsla(0,1%,25%, 1)',
  },
  {
    name: 'error',
    alias: 'mt-red-uu',
    color: 'hsl(3, 76%, 36%)',
    onColor: 'hsl(0,0%,100%)',
  },
  {
    name: 'error-50',
    color: 'hsl(3, 76%, 36%, 0.5)',
  },
  {
    name: 'mt-yellowgreen',
    color: 'hsla(63, 75%, 41%, 1)',
  },
  {
    name: 'mt-yellowgreen-lighter',
    color: 'hsla(63, 52%, 82%, 1)',
  },
  {
    name: 'mt-new-white',
    color: '#ffffff',
    onColor: '#032C30',
  },
  {
    name: 'mt-granskog',
    color: '#054449',
    onColor: '#FAF6F3',
  },
  {
    name: 'mt-granskog-dark',
    color: '#032C30',
  },
  {
    name: 'mt-furu',
    color: '#68B096',
  },
  {
    name: 'mt-furu-dark',
    color: '#3C725E',
  },
  {
    name: 'mt-lys-furu',
    color: '#9BCAB9',
  },
  {
    name: 'mt-bg-furu',
    color: '#E2F1DF',
    onColor: '#032C30',
  },
  {
    name: 'mt-bg-success',
    alias: 'mt-bg-furu',
    color: '#E2F1DF',
    onColor: '#032C30',
  },
  {
    name: 'mt-fjord',
    color: '#153F7B',
  },
  {
    name: 'mt-lys-fjord',
    color: '#9ECCED',
  },
  {
    name: 'mt-bg-fjord',
    color: '#D8EAF3',
    onColor: '#032C30',
  },
  {
    name: 'mt-bg-neutral',
    alias: 'mt-bg-fjord',
    color: '#D8EAF3',
    onColor: '#032C30',
  },
  {
    name: 'mt-rognebaer-contrast',
    color: '#92301C',
  },
  {
    name: 'mt-rognebaer',
    color: '#DA573B',
  },
  {
    name: 'mt-lys-rognebaer',
    color: '#F9C4AA',
  },
  {
    name: 'mt-bg-rognebaer',
    color: '#FFE4D6',
    onColor: '#032C30',
  },
  {
    name: 'mt-bg-danger',
    alias: 'mt-bg-rognebaer',
    color: '#FFE4D6',
    onColor: '#032C30',
  },
  {
    name: 'mt-sommerdag-contrast',
    color: '#F1BE3C',
  },
  {
    name: 'mt-sommerdag',
    color: '#F9CC76',
  },
  {
    name: 'mt-lys-sommerdag',
    color: '#F8DE9C',
  },
  {
    name: 'mt-bg-sommerdag',
    color: '#FBECC6',
    onColor: '#032C30',
  },
  {
    name: 'mt-bg-warning',
    alias: 'mt-bg-sommerdag',
    color: '#FBECC6',
    onColor: '#032C30',
  },
  {
    name: 'mt-mellombeige',
    color: '#F4ECE6',
    onColor: '#032C30',
  },
  {
    name: 'mt-bg-info',
    alias: 'mt-mellombeige',
    color: '#F4ECE6',
    onColor: '#032C30',
  },
  {
    name: 'mt-bg-beige',
    color: '#FAF6F3',
    onColor: '#032C30',
  },
  {
    name: 'mt-lys-sand',
    color: '#F4ECE6',
  },
  {
    name: 'mt-havdyp',
    color: '#116E6B',
  },
  {
    name: 'mt-brevann',
    color: '#ABE1CD',
  },
];