create-nova-vite-template/template/constants/COLORS.ts

This is a dashboard template built with React and Vite. It provides a modern and responsive user interface for building web applications.

const COLORS = {
  // Primary Colors

  primary: "#0089B4",
  primary0E: "#0E3E52",
  primaryE3: "#E3F6F8",
  lightPrimary: "#E3F6F8",
  secondary: "#7F7F7F",
  accentYellow: "#FEC214",
  grey: "#DEDDE0",
  orange500: "#0089B4",
  background: "#E3F6F8",
  // Neutral Colors
  // ---grey---
  gray700: "#344054",
  gray200: "#EAECF0",
  gray50: "#F9FAFB",
  grey50: "#FAF9F9",
  grey100: "#F0EEEE",
  grey200: "#E1DEDD",
  grey300: "#D2CDCB",
  grey400: "#C3BCBA",
  grey500: "#9B908C",
  grey600: "#766B67",
  grey700: "#4F4745",
  grey900: "#141211",
  darkGrey: "#B9B8BE",
  greyBg: "#F9F6EF99",
  grey76: "#7676801F",
  // ---common
  dark: "#262626",
  black: "#000000",
  headlineDark: "#072736",
  light: "#ffffff",
  secondaryText: "#6C7278",
  transparent: "transparent",
  // system message colors
  success: "#08875D",
  success700: "#067647",
  success200: "#ABEFC6",
  success50: "#ECFDF3",
  danger: "#FF193B",
  ErrorRed400: "#F87171",
  error700: "#B42318",
  error200: "#FECDCA",
  error50: "#FEF3F2",
  // ---other---
  green500: "#10B981",
  green00: "#00CE15",
  red500: "#EF4444",
  RedCE: "#CE0000",
  blue0A: "#0A06C6",
  blue18: "#1877F2",
  blue00: "#0008CE",
  beigeFB: "#FBEEB5",
  yellowFE: "#FED049",
  yellow400: "#FBBF24",
  WarningYellow600: "#D97706",
  black800: "#222223",
  black1A: "#1A1A1A",
  black33: "#333333",
};

export default COLORS;