@calliopelabs/ui 0.13.0 → 0.16.0

package/dist/tokens/tokens.native.js

@@ -0,0 +1,773 @@
+/*
+ * @calliopelabs/ui tokens for React Native.
+ * Generated by `npm run theme` from the design tokens (tokens/*.json). Do not edit by hand.
+ *
+ * Colours are strings React Native's StyleSheet takes as they are (#rrggbb
+ * or rgba()), keyed in camelCase. palette(ground, accent) gives one ground
+ * and accent; each ground is also exported by name with the default accent.
+ * See README.native.md.
+ */
+
+export const GROUNDS = Object.freeze({
+  black: Object.freeze({ label: "Black", mode: "dark" }),
+  charcoal: Object.freeze({ label: "Charcoal", mode: "dark" }),
+  graphite: Object.freeze({ label: "Graphite", mode: "dark" }),
+  emerald: Object.freeze({ label: "Emerald", mode: "dark" }),
+  navy: Object.freeze({ label: "Navy", mode: "dark" }),
+  paper: Object.freeze({ label: "Paper", mode: "light" }),
+  mist: Object.freeze({ label: "Mist", mode: "light" }),
+});
+
+export const ACCENTS = Object.freeze(["green","copper","ice","periwinkle","amber"]);
+
+export const DEFAULT_GROUND = "black";
+export const DEFAULT_ACCENT = "green";
+
+export const radius = 2;
+export const motion = Object.freeze({
+  fast: 120,
+  base: 200,
+  slow: 320,
+});
+export const fonts = Object.freeze({
+  sans: "IBM Plex Sans",
+  mono: "IBM Plex Mono",
+  head: "DM Sans",
+});
+
+const byGround = {
+  black: {
+    background: "#000000",
+    foreground: "#f0f2f1",
+    card: "#0a0a0a",
+    cardForeground: "#f0f2f1",
+    popover: "#141414",
+    popoverForeground: "#f0f2f1",
+    secondary: "#161616",
+    secondaryForeground: "#f0f2f1",
+    muted: "#111111",
+    mutedForeground: "#848b88",
+    accent: "#1b1b1b",
+    accentForeground: "#f0f2f1",
+    destructive: "#ff6b6b",
+    border: "rgba(255, 255, 255, 0.1)",
+    input: "rgba(255, 255, 255, 0.1)",
+    chart2: "#8fd82a",
+    sidebar: "#0a0a0a",
+    sidebarForeground: "#f0f2f1",
+    sidebarAccentForeground: "#f0f2f1",
+    sidebarBorder: "rgba(255, 255, 255, 0.08)",
+    sidebarMutedForeground: "#848b88",
+    surface0: "#000000",
+    surface1: "#0a0a0a",
+    surface2: "#141414",
+    success: "#8fd82a",
+    successFg: "#a6e34d",
+    successBg: "rgba(143, 216, 42, 0.1)",
+    successBorder: "rgba(143, 216, 42, 0.35)",
+    warning: "#f0c34e",
+    warningFg: "#f0c34e",
+    warningBg: "rgba(240, 195, 78, 0.1)",
+    warningBorder: "rgba(240, 195, 78, 0.35)",
+    info: "#2f9e52",
+    infoFg: "#5cbb79",
+    infoBg: "rgba(47, 158, 82, 0.14)",
+    infoBorder: "rgba(47, 158, 82, 0.4)",
+    danger: "#ff6b6b",
+    dangerFg: "#ff8a8a",
+    dangerBg: "rgba(255, 107, 107, 0.1)",
+    dangerBorder: "rgba(255, 107, 107, 0.35)",
+  },
+  charcoal: {
+    background: "#0e0f10",
+    foreground: "#f0f2f1",
+    card: "#161819",
+    cardForeground: "#f0f2f1",
+    popover: "#1e2022",
+    popoverForeground: "#f0f2f1",
+    secondary: "#202325",
+    secondaryForeground: "#f0f2f1",
+    muted: "#191b1c",
+    mutedForeground: "#8b9194",
+    accent: "#232628",
+    accentForeground: "#f0f2f1",
+    destructive: "#ff6b6b",
+    border: "rgba(255, 255, 255, 0.1)",
+    input: "rgba(255, 255, 255, 0.1)",
+    chart2: "#8fd82a",
+    sidebar: "#161819",
+    sidebarForeground: "#f0f2f1",
+    sidebarAccentForeground: "#f0f2f1",
+    sidebarBorder: "rgba(255, 255, 255, 0.08)",
+    sidebarMutedForeground: "#8b9194",
+    surface0: "#0e0f10",
+    surface1: "#161819",
+    surface2: "#1e2022",
+    success: "#8fd82a",
+    successFg: "#a6e34d",
+    successBg: "rgba(143, 216, 42, 0.1)",
+    successBorder: "rgba(143, 216, 42, 0.35)",
+    warning: "#f0c34e",
+    warningFg: "#f0c34e",
+    warningBg: "rgba(240, 195, 78, 0.1)",
+    warningBorder: "rgba(240, 195, 78, 0.35)",
+    info: "#2f9e52",
+    infoFg: "#5cbb79",
+    infoBg: "rgba(47, 158, 82, 0.14)",
+    infoBorder: "rgba(47, 158, 82, 0.4)",
+    danger: "#ff6b6b",
+    dangerFg: "#ff8a8a",
+    dangerBg: "rgba(255, 107, 107, 0.1)",
+    dangerBorder: "rgba(255, 107, 107, 0.35)",
+  },
+  graphite: {
+    background: "#111214",
+    foreground: "#f0f2f1",
+    card: "#18191b",
+    cardForeground: "#f0f2f1",
+    popover: "#202124",
+    popoverForeground: "#f0f2f1",
+    secondary: "#222326",
+    secondaryForeground: "#f0f2f1",
+    muted: "#1b1c1e",
+    mutedForeground: "#8e9296",
+    accent: "#26272a",
+    accentForeground: "#f0f2f1",
+    destructive: "#ff6b6b",
+    border: "rgba(255, 255, 255, 0.09)",
+    input: "rgba(255, 255, 255, 0.1)",
+    chart2: "#8fd82a",
+    sidebar: "#161719",
+    sidebarForeground: "#f0f2f1",
+    sidebarAccentForeground: "#f0f2f1",
+    sidebarBorder: "rgba(255, 255, 255, 0.07)",
+    sidebarMutedForeground: "#8e9296",
+    surface0: "#111214",
+    surface1: "#18191b",
+    surface2: "#202124",
+    success: "#8fd82a",
+    successFg: "#a6e34d",
+    successBg: "rgba(143, 216, 42, 0.1)",
+    successBorder: "rgba(143, 216, 42, 0.35)",
+    warning: "#f0c34e",
+    warningFg: "#f0c34e",
+    warningBg: "rgba(240, 195, 78, 0.1)",
+    warningBorder: "rgba(240, 195, 78, 0.35)",
+    info: "#2f9e52",
+    infoFg: "#5cbb79",
+    infoBg: "rgba(47, 158, 82, 0.14)",
+    infoBorder: "rgba(47, 158, 82, 0.4)",
+    danger: "#ff6b6b",
+    dangerFg: "#ff8a8a",
+    dangerBg: "rgba(255, 107, 107, 0.1)",
+    dangerBorder: "rgba(255, 107, 107, 0.35)",
+  },
+  emerald: {
+    background: "#050b08",
+    foreground: "#f0f2f1",
+    card: "#0a1310",
+    cardForeground: "#f0f2f1",
+    popover: "#0d1814",
+    popoverForeground: "#f0f2f1",
+    secondary: "#121d18",
+    secondaryForeground: "#f0f2f1",
+    muted: "#101a15",
+    mutedForeground: "#8ba199",
+    accent: "#16261f",
+    accentForeground: "#f0f2f1",
+    destructive: "#ff6b6b",
+    border: "rgba(255, 255, 255, 0.1)",
+    input: "rgba(255, 255, 255, 0.1)",
+    chart2: "#8fd82a",
+    sidebar: "#0a1310",
+    sidebarForeground: "#f0f2f1",
+    sidebarAccentForeground: "#f0f2f1",
+    sidebarBorder: "rgba(255, 255, 255, 0.08)",
+    sidebarMutedForeground: "#8ba199",
+    surface0: "#050b08",
+    surface1: "#0a1310",
+    surface2: "#0d1814",
+    success: "#8fd82a",
+    successFg: "#a6e34d",
+    successBg: "rgba(143, 216, 42, 0.1)",
+    successBorder: "rgba(143, 216, 42, 0.35)",
+    warning: "#f0c34e",
+    warningFg: "#f0c34e",
+    warningBg: "rgba(240, 195, 78, 0.1)",
+    warningBorder: "rgba(240, 195, 78, 0.35)",
+    info: "#2f9e52",
+    infoFg: "#5cbb79",
+    infoBg: "rgba(47, 158, 82, 0.14)",
+    infoBorder: "rgba(47, 158, 82, 0.4)",
+    danger: "#ff6b6b",
+    dangerFg: "#ff8a8a",
+    dangerBg: "rgba(255, 107, 107, 0.1)",
+    dangerBorder: "rgba(255, 107, 107, 0.35)",
+  },
+  navy: {
+    background: "#0b1120",
+    foreground: "#f0f2f1",
+    card: "#152141",
+    cardForeground: "#f0f2f1",
+    popover: "#1a284a",
+    popoverForeground: "#f0f2f1",
+    secondary: "#1d2b50",
+    secondaryForeground: "#f0f2f1",
+    muted: "#182545",
+    mutedForeground: "#97a6c2",
+    accent: "#213157",
+    accentForeground: "#f0f2f1",
+    destructive: "#ff6b6b",
+    border: "rgba(255, 255, 255, 0.1)",
+    input: "rgba(255, 255, 255, 0.1)",
+    chart2: "#8fd82a",
+    sidebar: "#152141",
+    sidebarForeground: "#f0f2f1",
+    sidebarAccentForeground: "#f0f2f1",
+    sidebarBorder: "rgba(255, 255, 255, 0.08)",
+    sidebarMutedForeground: "#97a6c2",
+    surface0: "#0b1120",
+    surface1: "#152141",
+    surface2: "#1a284a",
+    success: "#8fd82a",
+    successFg: "#a6e34d",
+    successBg: "rgba(143, 216, 42, 0.1)",
+    successBorder: "rgba(143, 216, 42, 0.35)",
+    warning: "#f0c34e",
+    warningFg: "#f0c34e",
+    warningBg: "rgba(240, 195, 78, 0.1)",
+    warningBorder: "rgba(240, 195, 78, 0.35)",
+    info: "#2f9e52",
+    infoFg: "#5cbb79",
+    infoBg: "rgba(47, 158, 82, 0.14)",
+    infoBorder: "rgba(47, 158, 82, 0.4)",
+    danger: "#ff6b6b",
+    dangerFg: "#ff8a8a",
+    dangerBg: "rgba(255, 107, 107, 0.1)",
+    dangerBorder: "rgba(255, 107, 107, 0.35)",
+  },
+  paper: {
+    background: "#faf6ee",
+    foreground: "#1e1d1b",
+    card: "#fffdf9",
+    cardForeground: "#1e1d1b",
+    popover: "#fffdf9",
+    popoverForeground: "#1e1d1b",
+    primaryForeground: "#f3fbf7",
+    secondary: "#f3eee4",
+    secondaryForeground: "#1e1d1b",
+    muted: "#f3eee4",
+    mutedForeground: "#5c5b58",
+    accent: "#f0e6da",
+    accentForeground: "#1e1d1b",
+    destructive: "#d40c1a",
+    border: "#dedad2",
+    input: "#dedad2",
+    chart2: "#5c9c1a",
+    chart3: "#8a7a5c",
+    chart4: "#b8860b",
+    chart5: "#26803f",
+    sidebar: "#f5f0e4",
+    sidebarForeground: "#1e1d1b",
+    sidebarPrimaryForeground: "#f3fbf7",
+    sidebarAccent: "#f0e6da",
+    sidebarAccentForeground: "#1e1d1b",
+    sidebarBorder: "#dedad2",
+    sidebarMutedForeground: "#5c5b58",
+    surface0: "#faf6ee",
+    surface1: "#fffdf9",
+    surface2: "#fffdf9",
+    success: "#508d23",
+    successFg: "#305a12",
+    successBg: "#e3f5da",
+    successBorder: "#b4d7a2",
+    warning: "#cb7a00",
+    warningFg: "#824c12",
+    warningBg: "#fef0d4",
+    warningBorder: "#e8c184",
+    info: "#2f8543",
+    infoFg: "#1b622d",
+    infoBg: "#e2f4e3",
+    infoBorder: "#acd8b1",
+    danger: "#df2225",
+    dangerFg: "#bb0916",
+    dangerBg: "#ffeae9",
+    dangerBorder: "#ffb1aa",
+  },
+  mist: {
+    background: "#f2f7f9",
+    foreground: "#1e1d1b",
+    card: "#ffffff",
+    cardForeground: "#1e1d1b",
+    popover: "#ffffff",
+    popoverForeground: "#1e1d1b",
+    primaryForeground: "#f3fbf7",
+    secondary: "#e9eff2",
+    secondaryForeground: "#1e1d1b",
+    muted: "#e9eff2",
+    mutedForeground: "#5c5b58",
+    accent: "#dfeaf0",
+    accentForeground: "#1e1d1b",
+    destructive: "#d40c1a",
+    border: "#d6dcdf",
+    input: "#d6dcdf",
+    chart2: "#5c9c1a",
+    chart3: "#8a7a5c",
+    chart4: "#b8860b",
+    chart5: "#26803f",
+    sidebar: "#e9f1f5",
+    sidebarForeground: "#1e1d1b",
+    sidebarPrimaryForeground: "#f3fbf7",
+    sidebarAccent: "#dfeaf0",
+    sidebarAccentForeground: "#1e1d1b",
+    sidebarBorder: "#d6dcdf",
+    sidebarMutedForeground: "#5c5b58",
+    surface0: "#f2f7f9",
+    surface1: "#ffffff",
+    surface2: "#ffffff",
+    success: "#508d23",
+    successFg: "#305a12",
+    successBg: "#e3f5da",
+    successBorder: "#b4d7a2",
+    warning: "#cb7a00",
+    warningFg: "#824c12",
+    warningBg: "#fef0d4",
+    warningBorder: "#e8c184",
+    info: "#2f8543",
+    infoFg: "#1b622d",
+    infoBg: "#e2f4e3",
+    infoBorder: "#acd8b1",
+    danger: "#df2225",
+    dangerFg: "#bb0916",
+    dangerBg: "#ffeae9",
+    dangerBorder: "#ffb1aa",
+  },
+};
+
+const byAccent = {
+  black: {
+    green: {
+      primary: "#2f9e52",
+      primaryForeground: "#04241b",
+      ring: "#2f9e52",
+      chart1: "#2f9e52",
+      chart3: "#cbf39d",
+      chart4: "#e0b34a",
+      chart5: "#0b6644",
+      sidebarPrimary: "#2f9e52",
+      sidebarPrimaryForeground: "#04241b",
+      sidebarAccent: "rgba(47, 158, 82, 0.16)",
+      sidebarRing: "#2f9e52",
+    },
+    copper: {
+      primary: "#c97b4a",
+      primaryForeground: "#140a04",
+      ring: "#c97b4a",
+      chart1: "#c97b4a",
+      chart3: "#d9c7a3",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#c97b4a",
+      sidebarPrimaryForeground: "#140a04",
+      sidebarAccent: "rgba(201, 123, 74, 0.16)",
+      sidebarRing: "#c97b4a",
+    },
+    ice: {
+      primary: "#6e9fc4",
+      primaryForeground: "#06131c",
+      ring: "#6e9fc4",
+      chart1: "#6e9fc4",
+      chart3: "#b9d4e4",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#6e9fc4",
+      sidebarPrimaryForeground: "#06131c",
+      sidebarAccent: "rgba(110, 159, 196, 0.16)",
+      sidebarRing: "#6e9fc4",
+    },
+    periwinkle: {
+      primary: "#8b8fd9",
+      primaryForeground: "#0b0c1a",
+      ring: "#8b8fd9",
+      chart1: "#8b8fd9",
+      chart3: "#c3c5ec",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#8b8fd9",
+      sidebarPrimaryForeground: "#0b0c1a",
+      sidebarAccent: "rgba(139, 143, 217, 0.16)",
+      sidebarRing: "#8b8fd9",
+    },
+    amber: {
+      primary: "#e0b34a",
+      primaryForeground: "#1a1204",
+      ring: "#e0b34a",
+      chart1: "#e0b34a",
+      chart3: "#cbf39d",
+      chart4: "#c97b4a",
+      chart5: "#0b6644",
+      sidebarPrimary: "#e0b34a",
+      sidebarPrimaryForeground: "#1a1204",
+      sidebarAccent: "rgba(224, 179, 74, 0.16)",
+      sidebarRing: "#e0b34a",
+    },
+  },
+  charcoal: {
+    green: {
+      primary: "#2f9e52",
+      primaryForeground: "#04241b",
+      ring: "#2f9e52",
+      chart1: "#2f9e52",
+      chart3: "#cbf39d",
+      chart4: "#e0b34a",
+      chart5: "#0b6644",
+      sidebarPrimary: "#2f9e52",
+      sidebarPrimaryForeground: "#04241b",
+      sidebarAccent: "rgba(47, 158, 82, 0.16)",
+      sidebarRing: "#2f9e52",
+    },
+    copper: {
+      primary: "#c97b4a",
+      primaryForeground: "#140a04",
+      ring: "#c97b4a",
+      chart1: "#c97b4a",
+      chart3: "#d9c7a3",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#c97b4a",
+      sidebarPrimaryForeground: "#140a04",
+      sidebarAccent: "rgba(201, 123, 74, 0.16)",
+      sidebarRing: "#c97b4a",
+    },
+    ice: {
+      primary: "#6e9fc4",
+      primaryForeground: "#06131c",
+      ring: "#6e9fc4",
+      chart1: "#6e9fc4",
+      chart3: "#b9d4e4",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#6e9fc4",
+      sidebarPrimaryForeground: "#06131c",
+      sidebarAccent: "rgba(110, 159, 196, 0.16)",
+      sidebarRing: "#6e9fc4",
+    },
+    periwinkle: {
+      primary: "#8b8fd9",
+      primaryForeground: "#0b0c1a",
+      ring: "#8b8fd9",
+      chart1: "#8b8fd9",
+      chart3: "#c3c5ec",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#8b8fd9",
+      sidebarPrimaryForeground: "#0b0c1a",
+      sidebarAccent: "rgba(139, 143, 217, 0.16)",
+      sidebarRing: "#8b8fd9",
+    },
+    amber: {
+      primary: "#e0b34a",
+      primaryForeground: "#1a1204",
+      ring: "#e0b34a",
+      chart1: "#e0b34a",
+      chart3: "#cbf39d",
+      chart4: "#c97b4a",
+      chart5: "#0b6644",
+      sidebarPrimary: "#e0b34a",
+      sidebarPrimaryForeground: "#1a1204",
+      sidebarAccent: "rgba(224, 179, 74, 0.16)",
+      sidebarRing: "#e0b34a",
+    },
+  },
+  graphite: {
+    green: {
+      primary: "#2f9e52",
+      primaryForeground: "#04241b",
+      ring: "#2f9e52",
+      chart1: "#2f9e52",
+      chart3: "#cbf39d",
+      chart4: "#e0b34a",
+      chart5: "#0b6644",
+      sidebarPrimary: "#2f9e52",
+      sidebarPrimaryForeground: "#04241b",
+      sidebarAccent: "rgba(47, 158, 82, 0.14)",
+      sidebarRing: "#2f9e52",
+    },
+    copper: {
+      primary: "#c97b4a",
+      primaryForeground: "#140a04",
+      ring: "#c97b4a",
+      chart1: "#c97b4a",
+      chart3: "#d9c7a3",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#c97b4a",
+      sidebarPrimaryForeground: "#140a04",
+      sidebarAccent: "rgba(201, 123, 74, 0.14)",
+      sidebarRing: "#c97b4a",
+    },
+    ice: {
+      primary: "#6e9fc4",
+      primaryForeground: "#06131c",
+      ring: "#6e9fc4",
+      chart1: "#6e9fc4",
+      chart3: "#b9d4e4",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#6e9fc4",
+      sidebarPrimaryForeground: "#06131c",
+      sidebarAccent: "rgba(110, 159, 196, 0.14)",
+      sidebarRing: "#6e9fc4",
+    },
+    periwinkle: {
+      primary: "#8b8fd9",
+      primaryForeground: "#0b0c1a",
+      ring: "#8b8fd9",
+      chart1: "#8b8fd9",
+      chart3: "#c3c5ec",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#8b8fd9",
+      sidebarPrimaryForeground: "#0b0c1a",
+      sidebarAccent: "rgba(139, 143, 217, 0.14)",
+      sidebarRing: "#8b8fd9",
+    },
+    amber: {
+      primary: "#e0b34a",
+      primaryForeground: "#1a1204",
+      ring: "#e0b34a",
+      chart1: "#e0b34a",
+      chart3: "#cbf39d",
+      chart4: "#c97b4a",
+      chart5: "#0b6644",
+      sidebarPrimary: "#e0b34a",
+      sidebarPrimaryForeground: "#1a1204",
+      sidebarAccent: "rgba(224, 179, 74, 0.14)",
+      sidebarRing: "#e0b34a",
+    },
+  },
+  emerald: {
+    green: {
+      primary: "#2f9e52",
+      primaryForeground: "#04241b",
+      ring: "#2f9e52",
+      chart1: "#2f9e52",
+      chart3: "#cbf39d",
+      chart4: "#e0b34a",
+      chart5: "#0b6644",
+      sidebarPrimary: "#2f9e52",
+      sidebarPrimaryForeground: "#04241b",
+      sidebarAccent: "rgba(47, 158, 82, 0.16)",
+      sidebarRing: "#2f9e52",
+    },
+    copper: {
+      primary: "#c97b4a",
+      primaryForeground: "#140a04",
+      ring: "#c97b4a",
+      chart1: "#c97b4a",
+      chart3: "#d9c7a3",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#c97b4a",
+      sidebarPrimaryForeground: "#140a04",
+      sidebarAccent: "rgba(201, 123, 74, 0.16)",
+      sidebarRing: "#c97b4a",
+    },
+    ice: {
+      primary: "#6e9fc4",
+      primaryForeground: "#06131c",
+      ring: "#6e9fc4",
+      chart1: "#6e9fc4",
+      chart3: "#b9d4e4",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#6e9fc4",
+      sidebarPrimaryForeground: "#06131c",
+      sidebarAccent: "rgba(110, 159, 196, 0.16)",
+      sidebarRing: "#6e9fc4",
+    },
+    periwinkle: {
+      primary: "#8b8fd9",
+      primaryForeground: "#0b0c1a",
+      ring: "#8b8fd9",
+      chart1: "#8b8fd9",
+      chart3: "#c3c5ec",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#8b8fd9",
+      sidebarPrimaryForeground: "#0b0c1a",
+      sidebarAccent: "rgba(139, 143, 217, 0.16)",
+      sidebarRing: "#8b8fd9",
+    },
+    amber: {
+      primary: "#e0b34a",
+      primaryForeground: "#1a1204",
+      ring: "#e0b34a",
+      chart1: "#e0b34a",
+      chart3: "#cbf39d",
+      chart4: "#c97b4a",
+      chart5: "#0b6644",
+      sidebarPrimary: "#e0b34a",
+      sidebarPrimaryForeground: "#1a1204",
+      sidebarAccent: "rgba(224, 179, 74, 0.16)",
+      sidebarRing: "#e0b34a",
+    },
+  },
+  navy: {
+    green: {
+      primary: "#2f9e52",
+      primaryForeground: "#04241b",
+      ring: "#2f9e52",
+      chart1: "#2f9e52",
+      chart3: "#cbf39d",
+      chart4: "#e0b34a",
+      chart5: "#0b6644",
+      sidebarPrimary: "#2f9e52",
+      sidebarPrimaryForeground: "#04241b",
+      sidebarAccent: "rgba(47, 158, 82, 0.16)",
+      sidebarRing: "#2f9e52",
+    },
+    copper: {
+      primary: "#c97b4a",
+      primaryForeground: "#140a04",
+      ring: "#c97b4a",
+      chart1: "#c97b4a",
+      chart3: "#d9c7a3",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#c97b4a",
+      sidebarPrimaryForeground: "#140a04",
+      sidebarAccent: "rgba(201, 123, 74, 0.16)",
+      sidebarRing: "#c97b4a",
+    },
+    ice: {
+      primary: "#6e9fc4",
+      primaryForeground: "#06131c",
+      ring: "#6e9fc4",
+      chart1: "#6e9fc4",
+      chart3: "#b9d4e4",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#6e9fc4",
+      sidebarPrimaryForeground: "#06131c",
+      sidebarAccent: "rgba(110, 159, 196, 0.16)",
+      sidebarRing: "#6e9fc4",
+    },
+    periwinkle: {
+      primary: "#8b8fd9",
+      primaryForeground: "#0b0c1a",
+      ring: "#8b8fd9",
+      chart1: "#8b8fd9",
+      chart3: "#c3c5ec",
+      chart4: "#e0b34a",
+      chart5: "#2f9e52",
+      sidebarPrimary: "#8b8fd9",
+      sidebarPrimaryForeground: "#0b0c1a",
+      sidebarAccent: "rgba(139, 143, 217, 0.16)",
+      sidebarRing: "#8b8fd9",
+    },
+    amber: {
+      primary: "#e0b34a",
+      primaryForeground: "#1a1204",
+      ring: "#e0b34a",
+      chart1: "#e0b34a",
+      chart3: "#cbf39d",
+      chart4: "#c97b4a",
+      chart5: "#0b6644",
+      sidebarPrimary: "#e0b34a",
+      sidebarPrimaryForeground: "#1a1204",
+      sidebarAccent: "rgba(224, 179, 74, 0.16)",
+      sidebarRing: "#e0b34a",
+    },
+  },
+  paper: {
+    green: {
+      primary: "#26803f",
+      ring: "#26803f",
+      chart1: "#26803f",
+      sidebarPrimary: "#26803f",
+      sidebarRing: "#26803f",
+    },
+    copper: {
+      primary: "#9c5730",
+      ring: "#9c5730",
+      chart1: "#9c5730",
+      sidebarPrimary: "#9c5730",
+      sidebarRing: "#9c5730",
+    },
+    ice: {
+      primary: "#3d6f95",
+      ring: "#3d6f95",
+      chart1: "#3d6f95",
+      sidebarPrimary: "#3d6f95",
+      sidebarRing: "#3d6f95",
+    },
+    periwinkle: {
+      primary: "#5a5fae",
+      ring: "#5a5fae",
+      chart1: "#5a5fae",
+      sidebarPrimary: "#5a5fae",
+      sidebarRing: "#5a5fae",
+    },
+    amber: {
+      primary: "#8a6410",
+      ring: "#8a6410",
+      chart1: "#8a6410",
+      sidebarPrimary: "#8a6410",
+      sidebarRing: "#8a6410",
+    },
+  },
+  mist: {
+    green: {
+      primary: "#26803f",
+      ring: "#26803f",
+      chart1: "#26803f",
+      sidebarPrimary: "#26803f",
+      sidebarRing: "#26803f",
+    },
+    copper: {
+      primary: "#9c5730",
+      ring: "#9c5730",
+      chart1: "#9c5730",
+      sidebarPrimary: "#9c5730",
+      sidebarRing: "#9c5730",
+    },
+    ice: {
+      primary: "#3d6f95",
+      ring: "#3d6f95",
+      chart1: "#3d6f95",
+      sidebarPrimary: "#3d6f95",
+      sidebarRing: "#3d6f95",
+    },
+    periwinkle: {
+      primary: "#5a5fae",
+      ring: "#5a5fae",
+      chart1: "#5a5fae",
+      sidebarPrimary: "#5a5fae",
+      sidebarRing: "#5a5fae",
+    },
+    amber: {
+      primary: "#8a6410",
+      ring: "#8a6410",
+      chart1: "#8a6410",
+      sidebarPrimary: "#8a6410",
+      sidebarRing: "#8a6410",
+    },
+  },
+};
+
+export function palette(ground = DEFAULT_GROUND, accent = DEFAULT_ACCENT) {
+  if (!Object.prototype.hasOwnProperty.call(byGround, ground)) {
+    throw new Error("unknown ground " + ground);
+  }
+  if (ACCENTS.indexOf(accent) < 0) throw new Error("unknown accent " + accent);
+  return Object.freeze(Object.assign({}, byGround[ground], byAccent[ground][accent]));
+}
+
+export const black = palette("black");
+export const charcoal = palette("charcoal");
+export const graphite = palette("graphite");
+export const emerald = palette("emerald");
+export const navy = palette("navy");
+export const paper = palette("paper");
+export const mist = palette("mist");