tinte/src/palettes/flexoki.ts

An opinionated tool for generating multi-platform color themes

import { Palette } from "./types.ts";

export const FlexokiPalette: Palette = {
  base: {
    black: "#100F0F",
    950: "#1C1B1A",
    900: "#282726",
    850: "#343331",
    800: "#403E3C",
    700: "#575653",
    600: "#6F6E69",
    500: "#878580",
    300: "#B7B5AC",
    200: "#CECDC3",
    150: "#DAD8CE",
    100: "#E6E4D9",
    50: "#F2F0E5",
    paper: "#FFFCF0",
  },
  red: {
    950: "",
    900: "",
    800: "",
    700: "",
    600: "",
    500: "#AF3029",
    400: "",
    300: "#D14D41",
    200: "",
    100: "",
    50: "",
  },
  orange: {
    950: "",
    900: "",
    800: "",
    700: "",
    600: "",
    500: "#BC5215",
    400: "",
    300: "#DA702C",
    200: "",
    100: "",
    50: "",
  },
  yellow: {
    950: "",
    900: "",
    800: "",
    700: "",
    600: "",
    500: "#AD8301",
    400: "",
    300: "#D0A215",
    200: "",
    100: "",
    50: "",
  },
  green: {
    950: "",
    900: "",
    800: "",
    700: "",
    600: "",
    500: "#66800B",
    400: "",
    300: "#879A39",
    200: "",
    100: "",
    50: "",
  },
  cyan: {
    950: "",
    900: "",
    800: "",
    700: "",
    600: "",
    500: "#24837B",
    400: "",
    300: "#3AA99F",
    200: "",
    100: "",
    50: "",
  },
  blue: {
    950: "",
    900: "",
    800: "",
    700: "",
    600: "",
    500: "#205EA6",
    400: "",
    300: "#4385BE",
    200: "",
    100: "",
    50: "",
  },
  purple: {
    950: "",
    900: "",
    800: "",
    700: "",
    600: "",
    500: "#5E409D",
    400: "",
    300: "#8B7EC8",
    200: "",
    100: "",
    50: "",
  },
  magenta: {
    950: "",
    900: "",
    800: "",
    700: "",
    600: "",
    500: "#A02F6F",
    400: "",
    300: "#CE5D97",
    200: "",
    100: "",
    50: "",
  },
};