create-next-app-template
Version:
This is a template set up to create Next.js App with fast speed and high performance<br/> The current template is provided in a **page routing** structure.<br/>
243 lines (216 loc) • 3.85 kB
text/typescript
export const colors = {
keyColor: '#5b94f0',
none: 'transparent',
white: '#ffffff',
black: '#111111',
chiffon: {
100: '#FAFAFA',
200: '#F8F8F8',
300: '#F4F4F4',
400: '#EEEEEE',
500: '#E2E2E2',
600: '#CCCCCC',
700: '#C2C2C2',
800: '#BBBBBB',
},
tel: {
100: '#F8F9Fc',
200: '#F5F7Fc',
300: '#F3F4FC',
400: '#EEF4FD',
500: '#E5EDF8',
600: '#E3EBF6',
},
grey: {
100: '#aaaaaa',
200: '#9D9E9F',
300: '#898A8D',
400: '#797979',
500: '#666666',
600: '#555555',
700: '#444444',
800: '#333333',
900: '#222222',
},
navy: {
100: '#9DA5B6',
200: '#78829A',
300: '#6E7993',
400: '#56647F',
500: '#445067',
600: '#384661',
700: '#31405E',
800: '#263551',
},
blue: {
100: '#72AAFF',
200: '#6BA1F7',
300: '#5E9EFF',
400: '#5294FF',
500: '#4788f4',
600: '#3F87FF',
700: '#2F7DFF',
800: '#1D70FB',
},
light_blue: {
100: '#86D3FF',
200: '#76CDFE',
300: '#67C4F9',
400: '#55BEFA',
500: '#43BAFF',
600: '#38B5FB',
700: '#32B5FF',
800: '#19ACFF',
},
dark_blue: {
100: '#7280FF',
200: '#6B71F7',
300: '#6171FF',
400: '#5969FB',
500: '#5263FF',
600: '#4B5DFF',
700: '#4456F9',
800: '#3448FF',
900: '#2E42F6',
},
purple: {
100: '#A791FF',
200: '#AB83FF',
300: '#9B6DFE',
400: '#8F5BFF',
500: '#9A4BFF',
600: '#903DFA',
700: '#8527FD',
800: '#7C15FF',
},
yellow: {
100: '#FFE793',
200: '#FFE072',
300: '#FFDD64',
400: '#FFCF72',
500: '#FFDA17',
600: '#FFD336',
700: '#FFD600',
800: '#F7D000',
},
orange: {
100: '#FFD687',
200: '#FFCF72',
300: '#FFC452',
400: '#FFB932',
500: '#FEB703',
600: '#FFAC0A',
700: '#FF9900',
800: '#F9A401',
},
red: {
100: '#FF7272',
200: '#FA6C6C',
300: '#FB6262',
400: '#F05F5F',
500: '#ED5C5C',
600: '#F95151',
700: '#EB4444',
800: '#F23030',
900: '#F41818',
},
pink: {
100: '#FFA4B4',
200: '#FF849B',
300: '#FF728B',
400: '#FC7089',
500: '#FF6580',
600: '#FF5573',
700: '#FF4162',
},
green: {
100: '#99CEB5',
200: '#76C39E',
300: '#58C18F',
400: '#3EBF81',
500: '#2AB472',
600: '#20A867',
700: '#109F5B',
800: '#008C49',
900: '#027F43',
},
dark_green: {
100: '#A2B7AD',
200: '#85A696',
300: '#6EA68B',
400: '#5A8E75',
500: '#5A8D7E',
600: '#3D7359',
700: '#32674E',
800: '#23553D',
},
beige: {
100: '#DDC8B8',
200: '#E1C7B4',
300: '#D8C1A6',
400: '#D3B797',
500: '#CFAB83',
600: '#D0A97C',
700: '#DCA970',
},
brown: {
100: '#C69D7F',
200: '#C4926E',
300: '#B97F55',
400: '#B26F3F',
500: '#A15C29',
600: '#934F1D',
700: '#7C431A',
800: '#593012',
900: '#593E29',
},
pastel_blue: {
100: '#EDF2F9',
200: '#E9F2FF',
300: '#DDE6F2',
400: '#D4E7FB',
500: '#CFDDF6',
},
pastel_red: {
100: '#FFF4F4',
200: '#F9EDED',
300: '#FFE9E9',
400: '#F6DFDF',
500: '#F6D6D6',
},
pastel_navy: {
100: '#EDEFF9',
200: '#E8EBF8',
300: '#E1E4F0',
400: '#D8DDEF',
500: '#C6CCE4',
},
pastel_purple: {
100: '#E8E1F1',
200: '#E3DBED',
300: '#D9CEE6',
400: '#D2C2E5',
500: '#D2BCEC',
},
pastel_green: {
100: '#DEEDE1',
200: '#D3E5D7',
300: '#CDE3D2',
400: '#C0DCC6',
500: '#B9DBC1',
},
pastel_brown: {
100: '#EDE5DE',
200: '#ECDFD4',
300: '#DDC8B6',
400: '#D5B79E',
500: '#DCB697',
},
pastel_yellow: {
100: '#FBEED6',
200: '#FAE7C5',
300: '#F6DDC0',
400: '#FADBBF',
500: '#F9E4AF',
},
} as const;