tinte
Version:
An opinionated tool for generating multi-platform color themes
132 lines (130 loc) • 2.46 kB
text/typescript
import { Palette } from "./types.ts";
export const OneHunterPalette: Palette = {
base: {
black: "#1d2126",
50: "#F2F2EC",
100: "#EAEAE5",
150: "#E5E5E1",
200: "#D8D8D3",
300: "#a4b3bc",
500: "#5b6f7f",
600: "#4f5e6b",
700: "#444f5a",
800: "#3d454d",
850: "#3d454d",
900: "#363b43",
950: "#1d2126",
paper: "#FEFEF8",
},
red: {
//400
50: "#fdf2f6",
100: "#fce7ef",
200: "#fad0e0",
300: "#f8a9c5",
400: "#f06292",
500: "#f06292",
600: "#d82a57",
700: "#bb1b3f",
800: "#9b1935",
900: "#811a30",
950: "#4f0817",
},
orange: {
//300
50: "#fef8ee",
100: "#fef1d6",
200: "#fbdead",
300: "#f7bc62",
400: "#f4a343",
500: "#f1881e",
600: "#e26d14",
700: "#bc5412",
800: "#954217",
900: "#783816",
950: "#411a09",
},
yellow: {
//300
50: "#fef8ee",
100: "#fef1d6",
200: "#fbdead",
300: "#f7bc62",
400: "#f7bc62",
500: "#f1881e",
600: "#e26d14",
700: "#bc5412",
800: "#954217",
900: "#783816",
950: "#411a09",
},
green: {
50: "#f1fcf8",
100: "#d0f7ec",
200: "#a0efdb",
300: "#66dfc4",
400: "#66dfc4",
500: "#20ac93",
600: "#178a78",
700: "#176e61",
800: "#175850",
900: "#174a43",
950: "#072c29",
},
cyan: {
//400
50: "#f0f9ff",
100: "#e0f2fe",
200: "#bbe6fc",
300: "#7ed3fb",
400: "#4fc3f7",
500: "#10a4e7",
600: "#0483c5",
700: "#05699f",
800: "#085984",
900: "#0d4a6d",
950: "#092f48",
},
blue: {
//400
50: "#eff8ff",
100: "#dceefd",
200: "#c1e1fc",
300: "#96d0fa",
400: "#64b5f6",
500: "#4096f1",
600: "#2a79e6",
700: "#2263d3",
800: "#2251ab",
900: "#214687",
950: "#192c52",
},
purple: {
//500
50: "#fcf6fd",
100: "#f8ecfb",
200: "#efd7f7",
300: "#e6b8ef",
400: "#d88ee4",
500: "#c972d8",
600: "#a842b7",
700: "#8c3497",
800: "#752c7c",
900: "#622966",
950: "#3e1042",
},
magenta: {
//400
50: "#fdf2f6",
100: "#fce7ef",
200: "#fad0e0",
300: "#f8a9c5",
400: "#f06292",
500: "#e94b7c",
600: "#d82a57",
700: "#bb1b3f",
800: "#9b1935",
900: "#811a30",
950: "#4f0817",
},
};