@aegov/design-system/src/color/index.js

A design system for the Government of the United Arab Emirates. The design system has been created based on research and information collected from in-depth studies conducted on user behaviour and benchmarking best practices. The primary use of this desig

"use strict";
let colorObj = {
  inherit: "inherit",
  current: "currentColor",
  transparent: "transparent",
  aegold: {
    50: "#F9F7ED",
    100: "#F2ECCF",
    200: "#E6D7A2",
    300: "#D7BC6D",
    400: "#CBA344",
    500: "#B68A35",
    600: "#92722A",
    700: "#7C5E24",
    800: "#6C4527",
    900: "#5D3B26",
    950: "#361E12"
  },
  aered: {
    50: "#FEF2F2",
    100: "#FDE4E3",
    200: "#FDCDCB",
    300: "#FAAAA7",
    400: "#F47A75",
    500: "#EA4F49",
    600: "#D83731",
    700: "#B52520",
    800: "#95231F",
    900: "#7C2320",
    950: "#430E0C"
  },
  aegreen: {
    50: "#F3FAF4",
    100: "#E4F4E7",
    200: "#CAE8CF",
    300: "#A0D5AB",
    400: "#6FB97F",
    500: "#4A9D5C",
    600: "#3F8E50",
    700: "#2F663C",
    800: "#2A5133",
    900: "#24432B",
    950: "#0F2415"
  },
  aeblack: {
    50: "#F7F7F7",
    100: "#E1E3E5",
    200: "#C3C6CB",
    300: "#9EA2A9",
    400: "#797E86",
    500: "#5F646D",
    600: "#4B4F58",
    700: "#3E4046",
    800: "#232528",
    900: "#1B1D21",
    950: "#0E0F12"
  },
  whitely: {
    50: "#FFFFFF",
    100: "#FCFCFC",
    200: "#F7F7F7",
    300: "#F2F2F2",
    400: "#EDEDED",
    500: "#E8E8E8"
  },
  camel: {
    50: "#FFFBEB",
    100: "#FDF4C8",
    200: "#FBE68C",
    300: "#FAD44F",
    400: "#F8C027",
    500: "#F29F0E",
    600: "#D67909",
    700: "#B2550B",
    800: "#904110",
    900: "#773610",
    950: "#441B04"
  },
  slate: {
    50: "#F8FAFC",
    100: "#F1F5F9",
    200: "#E2E8F0",
    300: "#CBD5E1",
    400: "#94A3B8",
    500: "#64748B",
    600: "#475569",
    700: "#334155",
    800: "#1E293B",
    900: "#0F172A",
    950: "#020617"
  },
  fuchsia: {
    50: "#FDF4FF",
    100: "#FAE8FF",
    200: "#F5D0FE",
    300: "#F0ABFC",
    400: "#E879F9",
    500: "#D946EF",
    600: "#C026D3",
    700: "#A21CAF",
    800: "#86198F",
    900: "#701A75",
    950: "#4A044E"
  },
  techblue: {
    50: "#E7F5FF",
    100: "#D3EDFF",
    200: "#B0DBFF",
    300: "#81C1FF",
    400: "#4F98FF",
    500: "#286CFF",
    600: "#043DFF",
    700: "#003CFF",
    800: "#002DC2",
    900: "#0B32A4",
    950: "#071C5F"
  },
  seablue: {
    50: "#EFFAFF",
    100: "#DEF3FF",
    200: "#B6EAFF",
    300: "#75DBFF",
    400: "#2CCAFF",
    500: "#00ABEB",
    600: "#0090D4",
    700: "#0073AB",
    800: "#00608D",
    900: "#065074",
    950: "#04334D"
  },
  desert: {
    50: "#FEF5EE",
    100: "#FCE9D8",
    200: "#F9CFAF",
    300: "#F5AC7C",
    400: "#EF8048",
    500: "#EB5F24",
    600: "#E54B1D",
    700: "#B73417",
    800: "#922B1A",
    900: "#762518",
    950: "#3F100B"
  }
};
module.exports = colorObj;