tailwind.custom.js
const primary = {
50: 'rgb(var(--color-primary-50))',
100: 'rgb(var(--color-primary-100))',
150: 'rgb(var(--color-primary-150))',
200: 'rgb(var(--color-primary-200))',
300: 'rgb(var(--color-primary-300))',
400: 'rgb(var(--color-primary-400))',
500: 'rgb(var(--color-primary-500))',
600: 'rgb(var(--color-primary-600))',
700: 'rgb(var(--color-primary-700))',
800: 'rgb(var(--color-primary-800))',
850: 'rgb(var(--color-primary-850))',
900: 'rgb(var(--color-primary-900))',
}
const blue = {
50: '#E6F3FC',
100: '#CEE7F8',
150: '#B5DBF5',
200: '#9CCFF2',
300: '#6BB6EB',
400: '#399EE5',
500: '#0886DE',
600: '#066BB2',
700: '#055085',
800: '#033659',
850: '#022843',
900: '#021B2C',
}
const gray = {
25: '#F6F6F7',
50: '#F1F2F3',
100: '#E3E5E8',
150: '#D6D8DC',
200: '#C8CBD0',
300: '#ACB1B9',
400: '#9197A1',
500: '#757D8A',
600: '#5E646E',
700: '#464B53',
800: '#2F3237',
850: '#232629',
900: '#17191C',
}
module.exports = { primary, blue, gray }