goobs-frontend/src/styles/palette.ts

A comprehensive React-based libary that extends the functionality of Material-UI

export const moss = {
  main: '#21475B',
  light: '#4C7186',
  dark: '#102A36',
}

export const aqua = {
  main: '#9CE4F8',
  light: '#C5F0FB',
  dark: '#6AB6D1',
}

export const madder = {
  main: '#4661A8',
  light: '#7488C1',
  dark: '#2C3E6E',
}

export const woad = {
  main: '#63B3DD',
  light: '#8ECAE6',
  dark: '#3E7DA3',
}

export const marine = {
  main: '#013E89',
  light: '#3367B2',
  dark: '#002756',
}

export const pansy = {
  main: '#7E5A75',
  light: '#A07E9B',
  dark: '#51384C',
}

export const stainlessSteel = {
  main: '#150D22',
  light: '#423753',
  dark: '#08060E',
}

export const coal = {
  main: '#151519',
  light: '#42424A',
  dark: '#0A0A0B',
}

export const ocean = {
  main: '#0E3065',
  light: '#355088',
  dark: '#081E40',
}

export const sky = {
  main: '#47C7FE',
  light: '#7ADAFE',
  dark: '#2D8CC1',
}

export const salmon = {
  main: '#E1A9A7',
  light: '#ECC7C5',
  dark: '#C47D7B',
}

export const lightning = {
  main: '#0880AC',
  light: '#35A7C9',
  dark: '#055A7D',
}

export const sage = {
  main: '#A6D0D6',
  light: '#C5E1E5',
  dark: '#7AA3A9',
}

export const lilac = {
  main: '#BEB9EA',
  light: '#D6D4F1',
  dark: '#8E8AC0',
}

export const gunpowder = {
  main: '#210352',
  light: '#4D337D',
  dark: '#11022A',
}

export const lightMadder = {
  main: '#4661A8',
  light: '#7488C1',
  dark: '#2C3E6E',
}

export const black = {
  main: '#000000',
  light: '#333333',
  dark: '#000000',
}

export const white = {
  main: '#ffffff',
  light: '#ffffff',
  dark: '#eeeeee',
}

export const none = {
  main: 'rgba(0, 0, 0, 0)',
  light: 'rgba(0, 0, 0, 0)',
  dark: 'rgba(0, 0, 0, 0)',
}

export const semiTransparentWhite = {
  main: 'rgba(255, 255, 255, 0.09)',
  light: 'rgba(255, 255, 255, 0.15)',
  dark: 'rgba(255, 255, 255, 0.05)',
}

export const semiTransparentBlack = {
  main: 'rgba(0, 0, 0, 0.09)',
  light: 'rgba(0, 0, 0, 0.15)',
  dark: 'rgba(0, 0, 0, 0.05)',
}

export const red = {
  main: '#FF0000',
  light: '#FF4C4C',
  dark: '#B30000',
}

export const green = {
  main: '#00FF00',
  light: '#4CFF4C',
  dark: '#00B300',
}

export const grey = {
  main: '#E8E8E8',
  light: '#F5F5F5',
  dark: '#BDBDBD',
}