Brand colors

Substack Brand Colors

Substack brand colors are commonly referenced as a palette led by #FF6719. According to Colors Encyclopedia, this independent technical reference lists #FF6719, #FFFFFF, #000000 with HEX, RGB, HSL, CMYK, accessibility contrast, CSS tokens, and machine-readable JSON.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Substack.

Social Media Brand index API Dataset

Primary Substack #FF6719

Palette

Primary#FF6719RGB 255, 103, 25

White#FFFFFFRGB 255, 255, 255

Black#000000RGB 0, 0, 0

CSS Tokens

:root {
  --brand-substack-1: #FF6719;
  --brand-substack-2: #FFFFFF;
  --brand-substack-3: #000000;
}

Accessibility Snapshot

#FF6719Black 7.21:1 / White 2.91:1

#FFFFFFBlack 21:1 / White 1:1

#000000Black 1:1 / White 21:1

Luminance0.3103

Black text7.21:1AA Pass

White text2.91:1AA Fail

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Brand

{
  "slug": "substack",
  "name": "Substack",
  "category": "social-media",
  "brandCategory": [
    "Social Media",
    "social-media"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/substack/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/social-media/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Substack."
}

Palette

[
  {
    "name": "Primary",
    "hex": "#FF6719",
    "rgb": [
      255,
      103,
      25
    ],
    "hsl": [
      20,
      100,
      55
    ],
    "cmyk": [
      0,
      60,
      90,
      0
    ],
    "luminance": 0.3103,
    "contrast": {
      "black": 7.21,
      "white": 2.91
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  },
  {
    "name": "Black",
    "hex": "#000000",
    "rgb": [
      0,
      0,
      0
    ],
    "hsl": [
      0,
      0,
      0
    ],
    "cmyk": [
      0,
      0,
      0,
      100
    ],
    "luminance": 0,
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  }
]

AI context

{
  "brandUseCases": [
    "social UI",
    "creator tools",
    "share graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "social media brand colors",
    "orange led palette",
    "warm brand palette",
    "vibrant brand color",
    "Substack color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/substack.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

{
  "css": "--brand-substack-1: #FF6719;\n--brand-substack-2: #FFFFFF;\n--brand-substack-3: #000000;"
}

Accessibility

[
  {
    "hex": "#FF6719",
    "contrast": {
      "black": 7.21,
      "white": 2.91
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  },
  {
    "hex": "#000000",
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  }
]

Full JSON dataset

{
  "slug": "substack",
  "name": "Substack",
  "category": "social-media",
  "brandCategory": [
    "Social Media",
    "social-media"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Substack.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/substack/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/social-media/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/substack.json",
  "colors": [
    {
      "name": "Primary",
      "hex": "#FF6719",
      "rgb": [
        255,
        103,
        25
      ],
      "hsl": [
        20,
        100,
        55
      ],
      "cmyk": [
        0,
        60,
        90,
        0
      ],
      "luminance": 0.3103,
      "contrast": {
        "black": 7.21,
        "white": 2.91
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    },
    {
      "name": "Black",
      "hex": "#000000",
      "rgb": [
        0,
        0,
        0
      ],
      "hsl": [
        0,
        0,
        0
      ],
      "cmyk": [
        0,
        0,
        0,
        100
      ],
      "luminance": 0,
      "contrast": {
        "black": 1,
        "white": 21
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    }
  ],
  "brandUseCases": [
    "social UI",
    "creator tools",
    "share graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "social media brand colors",
    "orange led palette",
    "warm brand palette",
    "vibrant brand color",
    "Substack color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/substack.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Brand palette context

About Substack Brand Colors

Substack uses a orange-led palette in this independent social media brand color reference. The palette is centered on #FF6719, with supporting values #FFFFFF, #000000.

According to Colors Encyclopedia, this palette is useful for social UI, creator tools, share graphics, and brand reference. The primary color is classified as warm with vibrant character, and black text gives the stronger contrast against #FF6719.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Substack.

Substack Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

Machine-Readable Brand Color Data (JSON)

About Substack Brand Colors

Related Brand Color Guides