Skip to main content
const colorsBase: {
  blue500: "#0052ff";
  blue550: "#014cec";
  black: "#0a0b0d";
  white: "#ffffff";
  gray50: "#f9fafb";
  gray100: "#eef0f3";
  gray200: "#dcdfe4";
  gray500: "#9397a0";
  gray700: "#5b616e";
  gray900: "#1a1d21";
  red500: "#cf202f";
  green500: "#098551";
  amber500: "#ed702f";
};
All colors used in the CDP web component library default theme.

Type declaration

blue500

readonly blue500: "#0052ff" = "#0052ff";

blue550

readonly blue550: "#014cec" = "#014cec";

black

readonly black: "#0a0b0d" = "#0a0b0d";

white

readonly white: "#ffffff" = "#ffffff";

gray50

readonly gray50: "#f9fafb" = "#f9fafb";

gray100

readonly gray100: "#eef0f3" = "#eef0f3";

gray200

readonly gray200: "#dcdfe4" = "#dcdfe4";

gray500

readonly gray500: "#9397a0" = "#9397a0";

gray700

readonly gray700: "#5b616e" = "#5b616e";

gray900

readonly gray900: "#1a1d21" = "#1a1d21";

red500

readonly red500: "#cf202f" = "#cf202f";

green500

readonly green500: "#098551" = "#098551";

amber500

readonly amber500: "#ed702f" = "#ed702f";
I