@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
164 lines (162 loc) • 2.94 kB
JavaScript
const white = "#FFFFFF";
const purple = {
"100": "#F8F2F8",
"200": "#F0E1EE",
"300": "#DB97D5",
"400": "#D54AC8",
"500": "#B01AA7",
"600": "#A6199D",
"700": "#901588",
"800": "#75116F",
"900": "#530C4F",
"1000": "#3E093B",
"1100": "#280626",
"1200": "#160315"
};
const navy = {
"50": "#F1F1F4",
"100": "#E3E2E8",
"120": "#CAC7D2",
"200": "#BBB8C7",
"300": "#7B728E",
"400": "#554B70",
"500": "#362E53",
"700": "#261A48",
"900": "#0F0429"
};
const yellow = {
"100": "#FFEED1",
"300": "#FFDDA3",
"400": "#FFD387",
"500": "#FFC766",
"700": "#C59548",
"900": "#75592D",
"1000": "#3B2E17"
};
const green = {
"100": "#F4F9F3",
"200": "#E5F2E4",
"300": "#C8E5C6",
"400": "#93D790",
"500": "#5CBF54",
"700": "#479D3E",
"900": "#2F6D1C",
"1000": "#1B500A",
"1100": "#143B05",
"1200": "#102E03"
};
const red = {
"100": "#FDEDED",
"120": "#F7E9E9",
"150": "#EED0D0",
"200": "#E5B5B5",
"300": "#DB9494",
"400": "#D16969",
"500": "#C71414",
"600": "#B61212",
"700": "#A21010",
"800": "#8D0E0E",
"900": "#730C0C",
"1000": "#510808",
"1200": "#4A0707",
"1300": "#420707",
"1400": "#390606",
"1500": "#2F0505",
"1600": "#210303"
};
const orange = {
"100": "#F1D5B1",
"300": "#EEC186",
"500": "#E39735",
"900": "#462E0C"
};
const black = {
"50": "#544F53",
"75": "#443F44",
"100": "#363036",
"200": "#2E292E",
"300": "#282127",
"400": "#251D24",
"500": "#191218",
"600": "#0F0A0E",
"700": "#090609",
"800": "#030203",
"1000": "#000000"
};
const grey = {
"50": "#F8F9FA",
"100": "#E3E2E3",
"200": "#C3C1C3",
"300": "#A9A6A9",
"400": "#9D9A9D",
"500": "#918D91",
"600": "#7D787D",
"700": "#6A676A"
};
const blue = {
"100": "#F5F8FF",
"200": "#E5EDFF",
"300": "#B7D3FF",
"400": "#74B0FF",
"500": "#1F81F3",
"600": "#185BD1",
"700": "#1B3B8B",
"800": "#19255C",
"900": "#151C38",
"1000": "#101423",
"1100": "#0D1016",
"1200": "#0A0B0F"
};
const turquoise = {
"50": "#ECF9FB",
"100": "#CFEFF5",
"200": "#AFE5EE",
"300": "#8EDBE7",
"400": "#76D3E2",
"500": "#5ECBDD",
"600": "#56C6D9",
"700": "#4CBED4",
"800": "#42B8CF",
"900": "#31ACC7",
"1200": "#11505E"
};
const season = {
"100": "#A9D4A8",
"200": "#9FD09E",
"300": "#7CC27B",
"400": "#56B654",
"500": "#24AA1F",
"600": "#229F1C",
"700": "#1F931A",
"800": "#1D8618",
"900": "#1A7816",
"1000": "#166612",
"1100": "#11510F",
"1200": "#0A3109"
};
const newPurple = {
"200": "#E46FEE",
"500": "#BC00CC"
};
const newViolet = {
"200": "#B86FFF",
"500": "#6C06B5"
};
var require$$1 = {
white: white,
purple: purple,
navy: navy,
yellow: yellow,
green: green,
red: red,
orange: orange,
black: black,
grey: grey,
blue: blue,
turquoise: turquoise,
season: season,
newPurple: newPurple,
newViolet: newViolet
};
export { black, blue, require$$1 as default, green, grey, navy, newPurple, newViolet, orange, purple, red, season, turquoise, white, yellow };
//# sourceMappingURL=palette.js.map