TypeScript Tokens

Preview

/**
 * Generated by UI Archive — ui-archive.com
 * Domain: render.com
 * Snapshot: 2026-11-15
 * Format: W3C DTCG compatible
 * Token names preserve original CSS variable names
 */

export const tokens = {
  "color": {
    "white": "#ffffff",
    "black": "#000000",
    "purple-50": "#eeeffd",
    "purple-100": "#e1e3fc",
    "purple-200": "#cdcefb",
    "purple-300": "#b3b1fa",
    "purple-400": "#968dfa",
    "purple-500": "#7e64fb",
    "purple-600": "#6c35f5",
    "purple-700": "#581ccb",
    "purple-800": "#411d92",
    "purple-900": "#1c0037",
    "blue-50": "#e0f4ff",
    "blue-100": "#c2eaff",
    "blue-200": "#8ad6ff",
    "blue-300": "#70c5ff",
    "blue-400": "#33acff",
    "blue-500": "#0088e5",
    "blue-600": "#005e9e",
    "blue-700": "#002c6f",
    "blue-800": "#00183e",
    "blue-900": "#00102a",
    "pink-50": "#fce2fe",
    "pink-100": "#fac7ff",
    "pink-200": "#f79ffe",
    "srgb-0-0509804": "color(srgb 0.0509804 0.0509804 0.0509804 / 0.1)",
    "oklab-0-873855-0-000": "#d5d5d5",
    "srgb-0-0431373": "color(srgb 0.0431373 0.490196 0.333333 / 0.12)",
    "srgb-0-423529": "color(srgb 0.423529 0.207843 0.960784 / 0.7)",
    "srgb-0-930824": "#ede7fe"
…

All Tokens