colors.ts

/**
 * Remato color palette
 *
 * https://www.figma.com/file/IpGgFUV8d7JPviRf65mWZ2c5/COLORS
 *
 * NB! Make sure you update colors.scss as well.
 */

const colors = {
	black: '#10191f',
	white: '#fff',

	grey900: '#21292f',
	grey800: '#2a3339',
	grey700: '#40474f',
	grey600: '#6e757c',
	grey400: '#a7b0b6',
	grey300: '#ccd5db',
	grey200: '#d6dde2',
	grey100: '#e8edf0',

	blueGrey300: '#c2d6e5',
	blueGrey200: '#d1e2ef',
	blueGrey100: '#e8f0f7',
	blueGrey50: '#f3f8fb',

	green700: '#19860b',
	green600: '#33a025',
	green500: '#4cb93e',
	green200: '#d2edcf',
	green100: '#edf8ec',

	blue700: '#0053c2',
	blue600: '#006ddc',
	blue500: '#0e86f5',
	blue300: '#86c2fa',
	blue200: '#c3e1fc',
	blue100: '#e7f3fe',

	red700: '#ac1800',
	red600: '#c63209',
	red500: '#df4b22',
	red200: '#f7d2c8',
	red100: '#fcede9',

	orange700: '#bb7a00',
	orange600: '#d59400',
	orange500: '#eead09',

	yellow700: '#c5ae4e',
	yellow600: '#dec457',
	yellow500: '#f7da61',
	yellow300: '#fbecb0',
	yellow200: '#fdf6d7',
	yellow100: '#fefbef',
}

export default colors