Are we allowed to use the colorscheme from here on cohost elsewhere? If so, what are the official hex codes?
they’re colors. who do you think i am, pantone? of course you can use them. just don’t pretend you’re us.
i don’t have the hex codes committed to memory and i don’t want to open the codebase right now but you can inspect element that shit
Not White: #fff9f2
Not Black: #191919
Cherry: #83254f
Strawberry: #e56b6f
Mango: #ffab5c
Longan: #ffd8a8
Here's the full colour profiles! You can drop this straight into a tailwind config.
const colors = {
longan: {
100: "#FFF1DF",
200: "#FFE5C4",
300: "#FFD8A8",
400: "#FFCA7A",
500: "#DFA44E",
600: "#B7853D",
700: "#845E26",
800: "#573707",
900: "#281800",
DEFAULT: "#FFD8A8",
},
mango: {
100: "#FFE8D4",
200: "#FFD0AC",
300: "#FFBF83",
400: "#FFAB5C",
500: "#E58F3E",
600: "#BC6D28",
700: "#934A15",
800: "#673104",
900: "#281400",
DEFAULT: "#FFAB5C",
},
strawberry: {
100: "#FAD8D6",
200: "#F4BBBB",
300: "#EE999B",
400: "#E56B6F",
500: "#D54A50",
600: "#A42A2F",
700: "#7B1B1F",
800: "#52070A",
900: "#310004",
DEFAULT: "#E56B6F",
},
cherry: {
100: "#FDCEE0",
200: "#EEADC7",
300: "#D3749B",
400: "#AE4473",
500: "#83254F",
600: "#671A3D",
700: "#51112E",
800: "#3B0920",
900: "#220010",
DEFAULT: "#83254F",
},
gray: {
100: "#FFF9F2",
200: "#DED9D3",
300: "#BFBAB5",
400: "#A09C98",
500: "#827F7C",
600: "#686664",
700: "#4A4847",
800: "#2E2D2C",
900: "#191919",
DEFAULT: "#191919",
},
notWhite: "#fff9f2",
notBlack: "#191919",
green: {
DEFAULT: "#319D35",
100: "#E2F6D0",
200: "#B2DDA6",
300: "#82C67B",
400: "#4BAC4A",
500: "#319D35",
600: "#1F7622",
700: "#175919",
800: "#0E3B10",
900: "#061E07",
},
red: {
DEFAULT: "#FF4949",
200: "#FFB3AD",
300: "#FF8E8A",
400: "#FF6C6A",
500: "#FF4949",
600: "#CC3A3A",
700: "#992C2C",
800: "#661D1D",
900: "#330F0F",
},
}
