export const palette = {
  yellowPrim: '#b29f25',
  turqPrim: '#04b581', // Header 2
  bluePrim: '#0290c9',
  blueDark: '#006699', // darkBlue
  greenPrim: '#6ebe47', //primary apple
  redSec: '#ec4d60', // aumentar la saturación y luminosidad
  orangeSec: '#f89944', // aumentar la saturación y luminosidad
  blueSec: '#66cceb',
  purpleSec: '#6c5fc7', // disminuir la saturación y luminosidad

  secondaryLightGrey: '#f3f7f7',
  secondaryDarkGrey: '#768389',

  greyDark: '#43525B',
  shadow: '#0000003F', // opacity TODO Be removed
  primaryMercuryGrey: '#e3e3e3', // For dividers
  white: '#fff',
  lightGrey: '#f6f6f6',
  blueLight: '#68A8D9', // TODO Deprecate?
  orangeLight: '#f8ad70',
  background: '#f7f7f7', // 30% - primaryMercuryGrey: "#e3e3e3",
  transp: '#f7f7f740', // 30% - primaryMercuryGrey: "#e3e3e3",
  secondaryGrey: '#E1EEF0',
  greenSec: '#91d18b', // complementario del SecondaryRed
  yellowSec: '#bda834', // complementario del SecondaryPurple
  //Greyish:
  whiteTwo: '#fafafa',

  whiteThree: '#e7e7e7',
  whiteFour: '#e5e5e5',
  greyish: '#b6b6b6',
  border: '#b6b6b640', // 40% - background: "#f7f7f7",

  black: '#000000',
  softPink: '#faa6ae',
  salmon: '#F28372',
  turqSec: '#32c6a2'
};