Colors Encyclopedia

Brand color category

Social Media Brand Colors

Social Media brand colors collect 24 commonly referenced palettes from recognizable social media brands. According to Colors Encyclopedia, this category links each brand palette to HEX values, RGB data, CSS tokens, accessibility checks, JSON data, and matching HEX atlas pages.

Social media brand colors usually use bright blues, signal reds, energetic gradients, and black or white contrast anchors. They are useful for creator tools, social UI, sharing graphics, app-style interfaces, and high-recognition digital products.

Brand indexAPIDataset
24brand references

Social Media Color Signature

Primary and recurring HEX values across this category, linked into the HEX atlas for conversion, contrast, harmonies, variants, and nearest named colors.

#1769FF23, 105, 255
#FFFFFF255, 255, 255#0000000, 0, 0
#5865F288, 101, 242
#23272A35, 39, 42
#EA4C89234, 76, 137
#44444468, 68, 68
#1877F224, 119, 242
#0A54B510, 84, 181
#405DE664, 93, 230
#E1306C225, 48, 108
#FCAF45252, 175, 69
#06C7556, 199, 85
#0A66C210, 102, 194
#0041820, 65, 130
#6364FF99, 100, 255
#563ACC86, 58, 204
#00AB6C0, 171, 108
#0668E16, 104, 225
#0081FB0, 129, 251
#1C2B3328, 43, 51
#E60023230, 0, 35
#BD081C189, 8, 28
#B92B27185, 43, 39

Machine-readable data

Machine-Readable Social Media Brand Colors (JSON)

Structured social media brand color data with signature colors, semantic groups, use cases, brand references, and API links for AI ingestion.

AI-Ready Dataset v1.0.0
categoryCanonical brand category slug
signatureColorsRecurring category color values
semanticGroupsAI-readable category groups
useCasesDesign and implementation contexts
brandsBrand references in this category
apiUrlMachine-readable category endpoint
Download JSON Open API
Structured sections
Category
{
  "category": "social-media",
  "label": "Social Media",
  "description": "Social media brand colors usually use bright blues, signal reds, energetic gradients, and black or white contrast anchors. They are useful for creator tools, social UI, sharing graphics, app-style interfaces, and high-recognition digital products.",
  "count": 24,
  "colorValues": 39
}
Signature colors
[
  {
    "hex": "#1769FF",
    "rgb": [
      23,
      105,
      255
    ],
    "hsl": [
      219,
      100,
      55
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "vibrant"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "family": "gray",
    "temperature": "neutral",
    "tone": [
      "light"
    ],
    "hexAtlasUrl": "https://www.colorsencyclopedia.com/hex/ffffff/"
  },
  {
    "hex": "#000000",
    "rgb": [
      0,
      0,
      0
    ],
    "hsl": [
      0,
      0,
      0
    ],
    "family": "gray",
    "temperature": "neutral",
    "tone": [
      "dark"
    ],
    "hexAtlasUrl": "https://www.colorsencyclopedia.com/hex/000000/"
  },
  {
    "hex": "#5865F2",
    "rgb": [
      88,
      101,
      242
    ],
    "hsl": [
      235,
      86,
      65
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "vibrant"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#23272A",
    "rgb": [
      35,
      39,
      42
    ],
    "hsl": [
      206,
      9,
      15
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "dark"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#EA4C89",
    "rgb": [
      234,
      76,
      137
    ],
    "hsl": [
      337,
      79,
      61
    ],
    "family": "pink",
    "temperature": "warm",
    "tone": [
      "vibrant"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#444444",
    "rgb": [
      68,
      68,
      68
    ],
    "hsl": [
      0,
      0,
      27
    ],
    "family": "gray",
    "temperature": "neutral",
    "tone": [
      "muted"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#1877F2",
    "rgb": [
      24,
      119,
      242
    ],
    "hsl": [
      214,
      89,
      52
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "vibrant"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#0A54B5",
    "rgb": [
      10,
      84,
      181
    ],
    "hsl": [
      214,
      90,
      37
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "vibrant",
      "jewel-tone"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#405DE6",
    "rgb": [
      64,
      93,
      230
    ],
    "hsl": [
      230,
      77,
      58
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "vibrant"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#E1306C",
    "rgb": [
      225,
      48,
      108
    ],
    "hsl": [
      340,
      75,
      54
    ],
    "family": "pink",
    "temperature": "warm",
    "tone": [
      "vibrant"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#FCAF45",
    "rgb": [
      252,
      175,
      69
    ],
    "hsl": [
      35,
      97,
      63
    ],
    "family": "orange",
    "temperature": "warm",
    "tone": [
      "vibrant"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#06C755",
    "rgb": [
      6,
      199,
      85
    ],
    "hsl": [
      145,
      94,
      40
    ],
    "family": "green",
    "temperature": "cool",
    "tone": [
      "vibrant",
      "jewel-tone"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#0A66C2",
    "rgb": [
      10,
      102,
      194
    ],
    "hsl": [
      210,
      90,
      40
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "vibrant",
      "jewel-tone"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#004182",
    "rgb": [
      0,
      65,
      130
    ],
    "hsl": [
      210,
      100,
      25
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "jewel-tone"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#6364FF",
    "rgb": [
      99,
      100,
      255
    ],
    "hsl": [
      240,
      100,
      69
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "vibrant"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#563ACC",
    "rgb": [
      86,
      58,
      204
    ],
    "hsl": [
      252,
      59,
      51
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "balanced"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#00AB6C",
    "rgb": [
      0,
      171,
      108
    ],
    "hsl": [
      158,
      100,
      34
    ],
    "family": "green",
    "temperature": "cool",
    "tone": [
      "jewel-tone"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#0668E1",
    "rgb": [
      6,
      104,
      225
    ],
    "hsl": [
      213,
      95,
      45
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "vibrant",
      "jewel-tone"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#0081FB",
    "rgb": [
      0,
      129,
      251
    ],
    "hsl": [
      209,
      100,
      49
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "vibrant"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#1C2B33",
    "rgb": [
      28,
      43,
      51
    ],
    "hsl": [
      201,
      29,
      15
    ],
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "dark"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#E60023",
    "rgb": [
      230,
      0,
      35
    ],
    "hsl": [
      351,
      100,
      45
    ],
    "family": "red",
    "temperature": "warm",
    "tone": [
      "vibrant"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#BD081C",
    "rgb": [
      189,
      8,
      28
    ],
    "hsl": [
      353,
      92,
      39
    ],
    "family": "red",
    "temperature": "warm",
    "tone": [
      "vibrant"
    ],
    "hexAtlasUrl": null
  },
  {
    "hex": "#B92B27",
    "rgb": [
      185,
      43,
      39
    ],
    "hsl": [
      2,
      65,
      44
    ],
    "family": "red",
    "temperature": "warm",
    "tone": [
      "balanced"
    ],
    "hexAtlasUrl": null
  }
]
Semantic groups
{
  "semanticGroups": [
    "social media brand colors",
    "social media palettes",
    "blue led brand palette",
    "pink led brand palette",
    "green led brand palette",
    "gray led brand palette",
    "red led brand palette",
    "orange led brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "dark brand color",
    "balanced brand color"
  ],
  "useCases": [
    "social UI",
    "creator tools",
    "share graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ]
}
Brands
[
  {
    "slug": "behance",
    "name": "Behance",
    "colors": [
      "#1769FF",
      "#FFFFFF",
      "#000000"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/behance/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/behance.json"
  },
  {
    "slug": "discord",
    "name": "Discord",
    "colors": [
      "#5865F2",
      "#23272A",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/discord/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/discord.json"
  },
  {
    "slug": "dribbble",
    "name": "Dribbble",
    "colors": [
      "#EA4C89",
      "#FFFFFF",
      "#444444"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/dribbble/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/dribbble.json"
  },
  {
    "slug": "facebook",
    "name": "Facebook",
    "colors": [
      "#1877F2",
      "#0A54B5",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/facebook/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/facebook.json"
  },
  {
    "slug": "instagram",
    "name": "Instagram",
    "colors": [
      "#405DE6",
      "#E1306C",
      "#FCAF45",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/instagram/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/instagram.json"
  },
  {
    "slug": "line",
    "name": "LINE",
    "colors": [
      "#06C755",
      "#FFFFFF",
      "#000000"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/line/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/line.json"
  },
  {
    "slug": "linkedin",
    "name": "LinkedIn",
    "colors": [
      "#0A66C2",
      "#004182",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/linkedin/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/linkedin.json"
  },
  {
    "slug": "mastodon",
    "name": "Mastodon",
    "colors": [
      "#6364FF",
      "#563ACC",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/mastodon/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/mastodon.json"
  },
  {
    "slug": "medium",
    "name": "Medium",
    "colors": [
      "#000000",
      "#FFFFFF",
      "#00AB6C"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/medium/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/medium.json"
  },
  {
    "slug": "meta",
    "name": "Meta",
    "colors": [
      "#0668E1",
      "#0081FB",
      "#1C2B33",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/meta/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/meta.json"
  },
  {
    "slug": "pinterest",
    "name": "Pinterest",
    "colors": [
      "#E60023",
      "#BD081C",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/pinterest/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/pinterest.json"
  },
  {
    "slug": "quora",
    "name": "Quora",
    "colors": [
      "#B92B27",
      "#FFFFFF",
      "#000000"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/quora/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/quora.json"
  },
  {
    "slug": "reddit",
    "name": "Reddit",
    "colors": [
      "#FF4500",
      "#000000",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/reddit/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/reddit.json"
  },
  {
    "slug": "snapchat",
    "name": "Snapchat",
    "colors": [
      "#FFFC00",
      "#000000",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/snapchat/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/snapchat.json"
  },
  {
    "slug": "substack",
    "name": "Substack",
    "colors": [
      "#FF6719",
      "#FFFFFF",
      "#000000"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/substack/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/substack.json"
  },
  {
    "slug": "telegram",
    "name": "Telegram",
    "colors": [
      "#26A5E4",
      "#FFFFFF",
      "#000000"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/telegram/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/telegram.json"
  },
  {
    "slug": "threads",
    "name": "Threads",
    "colors": [
      "#000000",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/threads/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/threads.json"
  },
  {
    "slug": "tiktok",
    "name": "TikTok",
    "colors": [
      "#FE2C55",
      "#25F4EE",
      "#000000",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/tiktok/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/tiktok.json"
  },
  {
    "slug": "tumblr",
    "name": "Tumblr",
    "colors": [
      "#001935",
      "#FFFFFF",
      "#00B8FF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/tumblr/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/tumblr.json"
  },
  {
    "slug": "twitch",
    "name": "Twitch",
    "colors": [
      "#9146FF",
      "#000000",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/twitch/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/twitch.json"
  },
  {
    "slug": "viber",
    "name": "Viber",
    "colors": [
      "#7360F2",
      "#FFFFFF",
      "#000000"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/viber/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/viber.json"
  },
  {
    "slug": "whatsapp",
    "name": "WhatsApp",
    "colors": [
      "#25D366",
      "#075E54",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/whatsapp/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/whatsapp.json"
  },
  {
    "slug": "x-twitter",
    "name": "X / Twitter",
    "colors": [
      "#000000",
      "#FFFFFF",
      "#1D9BF0"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/x-twitter/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/x-twitter.json"
  },
  {
    "slug": "youtube",
    "name": "YouTube",
    "colors": [
      "#FF0000",
      "#282828",
      "#FFFFFF"
    ],
    "url": "https://www.colorsencyclopedia.com/brand-colors/youtube/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/youtube.json"
  }
]
Full JSON dataset 
{
  "category": "social-media",
  "label": "Social Media",
  "description": "Social media brand colors usually use bright blues, signal reds, energetic gradients, and black or white contrast anchors. They are useful for creator tools, social UI, sharing graphics, app-style interfaces, and high-recognition digital products.",
  "count": 24,
  "colorValues": 39,
  "signatureColors": [
    {
      "hex": "#1769FF",
      "rgb": [
        23,
        105,
        255
      ],
      "hsl": [
        219,
        100,
        55
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "family": "gray",
      "temperature": "neutral",
      "tone": [
        "light"
      ],
      "hexAtlasUrl": "https://www.colorsencyclopedia.com/hex/ffffff/"
    },
    {
      "hex": "#000000",
      "rgb": [
        0,
        0,
        0
      ],
      "hsl": [
        0,
        0,
        0
      ],
      "family": "gray",
      "temperature": "neutral",
      "tone": [
        "dark"
      ],
      "hexAtlasUrl": "https://www.colorsencyclopedia.com/hex/000000/"
    },
    {
      "hex": "#5865F2",
      "rgb": [
        88,
        101,
        242
      ],
      "hsl": [
        235,
        86,
        65
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#23272A",
      "rgb": [
        35,
        39,
        42
      ],
      "hsl": [
        206,
        9,
        15
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#EA4C89",
      "rgb": [
        234,
        76,
        137
      ],
      "hsl": [
        337,
        79,
        61
      ],
      "family": "pink",
      "temperature": "warm",
      "tone": [
        "vibrant"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#444444",
      "rgb": [
        68,
        68,
        68
      ],
      "hsl": [
        0,
        0,
        27
      ],
      "family": "gray",
      "temperature": "neutral",
      "tone": [
        "muted"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#1877F2",
      "rgb": [
        24,
        119,
        242
      ],
      "hsl": [
        214,
        89,
        52
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#0A54B5",
      "rgb": [
        10,
        84,
        181
      ],
      "hsl": [
        214,
        90,
        37
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "vibrant",
        "jewel-tone"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#405DE6",
      "rgb": [
        64,
        93,
        230
      ],
      "hsl": [
        230,
        77,
        58
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#E1306C",
      "rgb": [
        225,
        48,
        108
      ],
      "hsl": [
        340,
        75,
        54
      ],
      "family": "pink",
      "temperature": "warm",
      "tone": [
        "vibrant"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#FCAF45",
      "rgb": [
        252,
        175,
        69
      ],
      "hsl": [
        35,
        97,
        63
      ],
      "family": "orange",
      "temperature": "warm",
      "tone": [
        "vibrant"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#06C755",
      "rgb": [
        6,
        199,
        85
      ],
      "hsl": [
        145,
        94,
        40
      ],
      "family": "green",
      "temperature": "cool",
      "tone": [
        "vibrant",
        "jewel-tone"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#0A66C2",
      "rgb": [
        10,
        102,
        194
      ],
      "hsl": [
        210,
        90,
        40
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "vibrant",
        "jewel-tone"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#004182",
      "rgb": [
        0,
        65,
        130
      ],
      "hsl": [
        210,
        100,
        25
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "jewel-tone"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#6364FF",
      "rgb": [
        99,
        100,
        255
      ],
      "hsl": [
        240,
        100,
        69
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#563ACC",
      "rgb": [
        86,
        58,
        204
      ],
      "hsl": [
        252,
        59,
        51
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "balanced"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#00AB6C",
      "rgb": [
        0,
        171,
        108
      ],
      "hsl": [
        158,
        100,
        34
      ],
      "family": "green",
      "temperature": "cool",
      "tone": [
        "jewel-tone"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#0668E1",
      "rgb": [
        6,
        104,
        225
      ],
      "hsl": [
        213,
        95,
        45
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "vibrant",
        "jewel-tone"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#0081FB",
      "rgb": [
        0,
        129,
        251
      ],
      "hsl": [
        209,
        100,
        49
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "vibrant"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#1C2B33",
      "rgb": [
        28,
        43,
        51
      ],
      "hsl": [
        201,
        29,
        15
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "dark"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#E60023",
      "rgb": [
        230,
        0,
        35
      ],
      "hsl": [
        351,
        100,
        45
      ],
      "family": "red",
      "temperature": "warm",
      "tone": [
        "vibrant"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#BD081C",
      "rgb": [
        189,
        8,
        28
      ],
      "hsl": [
        353,
        92,
        39
      ],
      "family": "red",
      "temperature": "warm",
      "tone": [
        "vibrant"
      ],
      "hexAtlasUrl": null
    },
    {
      "hex": "#B92B27",
      "rgb": [
        185,
        43,
        39
      ],
      "hsl": [
        2,
        65,
        44
      ],
      "family": "red",
      "temperature": "warm",
      "tone": [
        "balanced"
      ],
      "hexAtlasUrl": null
    }
  ],
  "semanticGroups": [
    "social media brand colors",
    "social media palettes",
    "blue led brand palette",
    "pink led brand palette",
    "green led brand palette",
    "gray led brand palette",
    "red led brand palette",
    "orange led brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "dark brand color",
    "balanced brand color"
  ],
  "useCases": [
    "social UI",
    "creator tools",
    "share graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "brands": [
    {
      "slug": "behance",
      "name": "Behance",
      "colors": [
        "#1769FF",
        "#FFFFFF",
        "#000000"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/behance/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/behance.json"
    },
    {
      "slug": "discord",
      "name": "Discord",
      "colors": [
        "#5865F2",
        "#23272A",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/discord/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/discord.json"
    },
    {
      "slug": "dribbble",
      "name": "Dribbble",
      "colors": [
        "#EA4C89",
        "#FFFFFF",
        "#444444"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/dribbble/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/dribbble.json"
    },
    {
      "slug": "facebook",
      "name": "Facebook",
      "colors": [
        "#1877F2",
        "#0A54B5",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/facebook/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/facebook.json"
    },
    {
      "slug": "instagram",
      "name": "Instagram",
      "colors": [
        "#405DE6",
        "#E1306C",
        "#FCAF45",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/instagram/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/instagram.json"
    },
    {
      "slug": "line",
      "name": "LINE",
      "colors": [
        "#06C755",
        "#FFFFFF",
        "#000000"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/line/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/line.json"
    },
    {
      "slug": "linkedin",
      "name": "LinkedIn",
      "colors": [
        "#0A66C2",
        "#004182",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/linkedin/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/linkedin.json"
    },
    {
      "slug": "mastodon",
      "name": "Mastodon",
      "colors": [
        "#6364FF",
        "#563ACC",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/mastodon/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/mastodon.json"
    },
    {
      "slug": "medium",
      "name": "Medium",
      "colors": [
        "#000000",
        "#FFFFFF",
        "#00AB6C"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/medium/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/medium.json"
    },
    {
      "slug": "meta",
      "name": "Meta",
      "colors": [
        "#0668E1",
        "#0081FB",
        "#1C2B33",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/meta/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/meta.json"
    },
    {
      "slug": "pinterest",
      "name": "Pinterest",
      "colors": [
        "#E60023",
        "#BD081C",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/pinterest/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/pinterest.json"
    },
    {
      "slug": "quora",
      "name": "Quora",
      "colors": [
        "#B92B27",
        "#FFFFFF",
        "#000000"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/quora/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/quora.json"
    },
    {
      "slug": "reddit",
      "name": "Reddit",
      "colors": [
        "#FF4500",
        "#000000",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/reddit/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/reddit.json"
    },
    {
      "slug": "snapchat",
      "name": "Snapchat",
      "colors": [
        "#FFFC00",
        "#000000",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/snapchat/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/snapchat.json"
    },
    {
      "slug": "substack",
      "name": "Substack",
      "colors": [
        "#FF6719",
        "#FFFFFF",
        "#000000"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/substack/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/substack.json"
    },
    {
      "slug": "telegram",
      "name": "Telegram",
      "colors": [
        "#26A5E4",
        "#FFFFFF",
        "#000000"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/telegram/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/telegram.json"
    },
    {
      "slug": "threads",
      "name": "Threads",
      "colors": [
        "#000000",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/threads/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/threads.json"
    },
    {
      "slug": "tiktok",
      "name": "TikTok",
      "colors": [
        "#FE2C55",
        "#25F4EE",
        "#000000",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/tiktok/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/tiktok.json"
    },
    {
      "slug": "tumblr",
      "name": "Tumblr",
      "colors": [
        "#001935",
        "#FFFFFF",
        "#00B8FF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/tumblr/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/tumblr.json"
    },
    {
      "slug": "twitch",
      "name": "Twitch",
      "colors": [
        "#9146FF",
        "#000000",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/twitch/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/twitch.json"
    },
    {
      "slug": "viber",
      "name": "Viber",
      "colors": [
        "#7360F2",
        "#FFFFFF",
        "#000000"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/viber/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/viber.json"
    },
    {
      "slug": "whatsapp",
      "name": "WhatsApp",
      "colors": [
        "#25D366",
        "#075E54",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/whatsapp/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/whatsapp.json"
    },
    {
      "slug": "x-twitter",
      "name": "X / Twitter",
      "colors": [
        "#000000",
        "#FFFFFF",
        "#1D9BF0"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/x-twitter/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/x-twitter.json"
    },
    {
      "slug": "youtube",
      "name": "YouTube",
      "colors": [
        "#FF0000",
        "#282828",
        "#FFFFFF"
      ],
      "url": "https://www.colorsencyclopedia.com/brand-colors/youtube/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/youtube.json"
    }
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/social-media/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/social-media.json"
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Complete Social Media Brand Index

Behance3 colorsDiscord3 colorsDribbble3 colorsFacebook3 colorsInstagram4 colorsLINE3 colorsLinkedIn3 colorsMastodon3 colorsMedium3 colorsMeta4 colorsPinterest3 colorsQuora3 colorsReddit3 colorsSnapchat3 colorsSubstack3 colorsTelegram3 colorsThreads2 colorsTikTok4 colorsTumblr3 colorsTwitch3 colorsViber3 colorsWhatsApp3 colorsX / Twitter3 colorsYouTube3 colors

Related Brand Color Guides

All brand colorsReturn to the complete brand color index.Social Media JSONOpen the machine-readable category dataset.Blue colorsExplore named colors related to social media primary palettes.Pink colorsExplore named colors related to social media primary palettes.Green colorsExplore named colors related to social media primary palettes.Gray colorsExplore named colors related to social media primary palettes.Technology brandsCompare another brand color category.Media & Entertainment brandsCompare another brand color category.Retail brandsCompare another brand color category.