@master/colors
Version:
A precision-crafted P3 color system designed for modern UIs
335 lines (333 loc) • 7.63 kB
JavaScript
const colors = {
'stone': {
'0': '#fdfbf9',
'5': '#f1ede9',
'10': '#e8dfd5',
'20': '#d2c3b2',
'30': '#bca991',
'40': '#a48f76',
'50': '#8b765d',
'60': '#6f604e',
'70': '#564a3c',
'80': '#3e352a',
'90': '#25211d',
'95': '#1b1815',
'100': '#110f0d'
},
'gray': {
'0': '#fafafa',
'5': '#f3f3f3',
'10': '#dedede',
'20': '#c4c4c4',
'30': '#a9a9a9',
'40': '#8f8f8f',
'50': '#727272',
'60': '#5d5d5d',
'70': '#464646',
'80': '#303030',
'90': '#1e1e1e',
'95': '#131313',
'100': '#0a0a0a'
},
'grey': {
'0': '#f8fafc',
'5': '#edf0f7',
'10': '#dadee8',
'20': '#bfc4d2',
'30': '#a3a9bb',
'40': '#888ea3',
'50': '#6b7187',
'60': '#575d70',
'70': '#414655',
'80': '#2c303c',
'90': '#1b1e26',
'95': '#111218',
'100': '#090a0e'
},
'slate': {
'0': '#f5f9ff',
'5': '#edf2ff',
'10': '#d4def7',
'20': '#b8c4e3',
'30': '#99aad8',
'40': '#758bbe',
'50': '#5572ab',
'60': '#405483',
'70': '#31446b',
'80': '#243252',
'90': '#1a2641',
'95': '#0e1734',
'100': '#050c2e'
},
'brown': {
'0': '#fff2ec',
'5': '#ffebe6',
'10': '#ffccc0',
'20': '#ffa995',
'30': '#ee8f7b',
'40': '#d77a67',
'50': '#c36856',
'60': '#ae5544',
'70': '#994232',
'80': '#822d1e',
'90': '#6c1808',
'95': '#440400',
'100': '#360200'
},
'orange': {
'0': '#fff3db',
'5': '#ffebc7',
'10': '#ffd79e',
'20': '#ffb65e',
'30': '#ff8c00',
'40': '#ff7400',
'50': '#ff4b00',
'60': '#f32400',
'70': '#ce0000',
'80': '#a00',
'90': '#7b0000',
'95': '#490000',
'100': '#380000'
},
'amber': {
'0': '#fff8d1',
'5': '#fff4bd',
'10': '#ffea94',
'20': '#ffd445',
'30': '#ffc933',
'40': '#ffba0b',
'50': '#ffa600',
'60': '#fa8500',
'70': '#db5f00',
'80': '#b73d00',
'90': '#8a2900',
'95': '#521300',
'100': '#3d0a00'
},
'yellow': {
'0': '#ffffd1',
'5': '#ffffb4',
'10': '#ffff6f',
'20': '#fffa01',
'30': '#ffef00',
'40': '#ffe500',
'50': '#fcd300',
'60': '#fab700',
'70': '#e58e00',
'80': '#c70',
'90': '#995700',
'95': '#562800',
'100': '#3b1a00'
},
'lime': {
'0': '#f6ffcc',
'5': '#e9ffb3',
'10': '#deff81',
'20': '#c1ff2c',
'30': '#aff000',
'40': '#8ee000',
'50': '#6fc700',
'60': '#58ac00',
'70': '#429200',
'80': '#2c7b00',
'90': '#1a6600',
'95': '#093800',
'100': '#042d00'
},
'green': {
'0': '#e0ffe1',
'5': '#c9ffcb',
'10': '#a2ffa8',
'20': '#71ff74',
'30': '#4bf155',
'40': '#06dc32',
'50': '#00c900',
'60': '#00b700',
'70': '#009700',
'80': '#008000',
'90': '#006500',
'95': '#003a00',
'100': '#002f00'
},
'beryl': {
'0': '#d6ffeb',
'5': '#bdffdf',
'10': '#8effca',
'20': '#6dffbd',
'30': '#00f995',
'40': '#00ea8f',
'50': '#01d67d',
'60': '#00bc65',
'70': '#009c4f',
'80': '#008644',
'90': '#006b34',
'95': '#003a11',
'100': '#003005'
},
'teal': {
'0': '#dbfff7',
'5': '#adffef',
'10': '#85ffeb',
'20': '#66ffeb',
'30': '#42ffec',
'40': '#0fe',
'50': '#00f0e8',
'60': '#00d6d6',
'70': '#00adb3',
'80': '#00949e',
'90': '#007785',
'95': '#003947',
'100': '#002f3d'
},
'cyan': {
'0': '#dbffff',
'5': '#b2ffff',
'10': '#7ffdff',
'20': '#61f7ff',
'30': '#3defff',
'40': '#29e6ff',
'50': '#01d9ff',
'60': '#00c8ff',
'70': '#00acf0',
'80': '#0092db',
'90': '#006eb2',
'95': '#003d6b',
'100': '#003057'
},
'sky': {
'0': '#e5fbff',
'5': '#ccf6ff',
'10': '#a8ecff',
'20': '#8fe0ff',
'30': '#2dc8ff',
'40': '#01b1ff',
'50': '#009aff',
'60': '#0083ff',
'70': '#005fff',
'80': '#0141fd',
'90': '#0023cd',
'95': '#040087',
'100': '#040077'
},
'blue': {
'0': '#ebfaff',
'5': '#d1efff',
'10': '#bbe5ff',
'20': '#8ecaff',
'30': '#55adff',
'40': '#3989ff',
'50': '#306cff',
'60': '#2248ff',
'70': '#1d0fff',
'80': '#1700eb',
'90': '#1c00cf',
'95': '#110086',
'100': '#0d0071'
},
'indigo': {
'0': '#f0f6ff',
'5': '#e7eaff',
'10': '#cbd5ff',
'20': '#a8aeff',
'30': '#938fff',
'40': '#7a66ff',
'50': '#6f4dff',
'60': '#5d12ff',
'70': '#5300ff',
'80': '#4d00ff',
'90': '#3b00d2',
'95': '#240082',
'100': '#1b0069'
},
'violet': {
'0': '#fef5ff',
'5': '#eee7ff',
'10': '#e0d1ff',
'20': '#c8afff',
'30': '#b387ff',
'40': '#9b57ff',
'50': '#8f27ff',
'60': '#7b00ff',
'70': '#6e00ff',
'80': '#6300f0',
'90': '#4f00bc',
'95': '#2e0073',
'100': '#23005d'
},
'purple': {
'0': '#fff0ff',
'5': '#f6e5ff',
'10': '#efccff',
'20': '#e0a8ff',
'30': '#d27aff',
'40': '#bb41ff',
'50': '#ab00ff',
'60': '#9600ff',
'70': '#8c00ff',
'80': '#7800dd',
'90': '#5900a3',
'95': '#370064',
'100': '#2d0050'
},
'fuchsia': {
'0': '#fff0ff',
'5': '#fee3ff',
'10': '#ffc9ff',
'20': '#f2a0ff',
'30': '#e47aff',
'40': '#d154fb',
'50': '#c242ea',
'60': '#ac37e4',
'70': '#9d1dd1',
'80': '#8a00b9',
'90': '#680086',
'95': '#410053',
'100': '#320042'
},
'pink': {
'0': '#fff0ff',
'5': '#ffe3ff',
'10': '#ffc5f4',
'20': '#ff9edc',
'30': '#ff70cf',
'40': '#ff43b7',
'50': '#f72ea5',
'60': '#f51787',
'70': '#e20070',
'80': '#c60058',
'90': '#99003f',
'95': '#610025',
'100': '#4f001c'
},
'crimson': {
'0': '#fff0ff',
'5': '#ffe3ee',
'10': '#ffc6d5',
'20': '#ff9eb5',
'30': '#ff709a',
'40': '#ff3977',
'50': '#fd0f57',
'60': '#fb083e',
'70': '#e8001f',
'80': '#cd001a',
'90': '#9e0019',
'95': '#64000a',
'100': '#520005'
},
'red': {
'0': '#fff0f0',
'5': '#ffe4e4',
'10': '#ffc3c4',
'20': '#ff9c9e',
'30': '#ff7580',
'40': '#ff2b4d',
'50': '#fc1716',
'60': '#f50000',
'70': '#e30000',
'80': '#c00',
'90': '#a10000',
'95': '#680000',
'100': '#560000'
}
};
export { colors as default };