Skip to content

Instantly share code, notes, and snippets.

@stevekinney
Created July 30, 2023 19:12
Show Gist options
  • Save stevekinney/71b8842270476c158fa21a8e482255e2 to your computer and use it in GitHub Desktop.
Save stevekinney/71b8842270476c158fa21a8e482255e2 to your computer and use it in GitHub Desktop.
const colors = {
primary: {
'50': '#f0f0fd',
'100': '#e4e4fb',
'200': '#d0cff6',
'300': '#b5b1f0',
'400': '#9e92e7',
'500': '#8d77dd',
'600': '#7f5ecf',
'700': '#6d4db5',
'800': '#594093',
'900': '#4a3a75',
'950': '#2c2244',
DEFAULT: '#7f5ecf',
},
secondary: {
'50': '#eaf1fb',
'100': '#e1eaf8',
'200': '#c9dbf4',
'300': '#a4c4ec',
'400': '#79a5e1',
'500': '#5986d8',
'600': '#456ccb',
'700': '#3b59ba',
'800': '#354998',
'900': '#2f4079',
'950': '#21294a',
DEFAULT: '#eaf1fb',
},
motion: {
'50': '#f0f9ff',
'100': '#e1f1fd',
'200': '#bbe4fc',
'300': '#5fc2f8',
'400': '#3cb5f4',
'500': '#129de5',
'600': '#067dc3',
'700': '#06639e',
'800': '#0a5482',
'900': '#0e466c',
'950': '#092d48',
DEFAULT: '#5fc2f8',
},
looks: {
'50': '#f5f3ff',
'100': '#ede9fe',
'200': '#ddd6fe',
'300': '#c3b5fd',
'400': '#a68bfa',
'500': '#9268f7',
'600': '#7a3aed',
'700': '#6b28d9',
'800': '#5921b6',
'900': '#4b1d95',
'950': '#2d1065',
DEFAULT: '#9268f7',
},
sounds: {
'50': '#fbf6fd',
'100': '#f7edfa',
'200': '#f0daf4',
'300': '#e6bceb',
'400': '#d795dd',
'500': '#c169ca',
'600': '#a74bae',
'700': '#8b3c8f',
'800': '#733276',
'900': '#612e61',
'950': '#3e143e',
DEFAULT: '#c169ca',
},
events: {
'50': '#fefaec',
'100': '#fcefc9',
'200': '#f9df8e',
'300': '#f5c242',
'400': '#f4b22b',
'500': '#ed9113',
'600': '#d26c0d',
'700': '#ae4c0f',
'800': '#8d3b13',
'900': '#743113',
'950': '#431805',
DEFAULT: '#f5c242',
},
control: {
'50': '#fef7ec',
'100': '#fceac9',
'200': '#f8d38f',
'300': '#f3af43',
'400': '#f19d2e',
'500': '#ea7b16',
'600': '#d0590f',
'700': '#ac3c11',
'800': '#8c2f14',
'900': '#732814',
'950': '#421206',
DEFAULT: '#f3af43',
},
sensing: {
'50': '#f3f8fc',
'100': '#e7f0f7',
'200': '#c9dfee',
'300': '#99c5e0',
'400': '#71afd2',
'500': '#3f8db8',
'600': '#2e709b',
'700': '#265a7e',
'800': '#234d69',
'900': '#224158',
'950': '#162a3b',
DEFAULT: '#71afd2',
},
operators: {
'50': '#f5faf3',
'100': '#e7f5e3',
'200': '#cdebc7',
'300': '#a7d99c',
'400': '#74be65',
'500': '#54a344',
'600': '#408633',
'700': '#356a2b',
'800': '#2d5526',
'900': '#264621',
'950': '#10260d',
DEFAULT: '#74be65',
},
variables: {
'50': '#fef7ee',
'100': '#fdeed7',
'200': '#fad9ae',
'300': '#f6bd7b',
'400': '#f0923c',
'500': '#ed7b22',
'600': '#de6118',
'700': '#b84916',
'800': '#933b19',
'900': '#763318',
'950': '#40170a',
DEFAULT: '#f0923c',
},
blocks: {
'50': '#fef2f3',
'100': '#fde6e8',
'200': '#fad1d6',
'300': '#f5acb5',
'400': '#ed7082',
'500': '#e44f69',
'600': '#cf2f52',
'700': '#af2144',
'800': '#921f3f',
'900': '#7e1d3b',
'950': '#460b1c',
DEFAULT: '#ed7082',
},
};
export default colors;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment