Colors Encyclopedia

Brand color category

Social Media Brand Colors

Social Media brand colors: compare 24 independent palettes with HEX/RGB values, WCAG contrast, CSS tokens, related colors and JSON.

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

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

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 brand palette",
    "gray brand palette",
    "pink brand palette",
    "orange brand palette",
    "green brand palette",
    "red brand palette",
    "cool brand palette",
    "neutral brand palette",
    "warm brand palette",
    "vibrant brand color",
    "light brand color",
    "dark brand color",
    "muted brand color",
    "jewel tone 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 brand palette",
    "gray brand palette",
    "pink brand palette",
    "orange brand palette",
    "green brand palette",
    "red brand palette",
    "cool brand palette",
    "neutral brand palette",
    "warm brand palette",
    "vibrant brand color",
    "light brand color",
    "dark brand color",
    "muted brand color",
    "jewel tone 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

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 represented in social media palettes.Gray colorsExplore named colors represented in social media palettes.Pink colorsExplore named colors represented in social media palettes.Orange colorsExplore named colors represented in social media palettes.Technology brandsCompare another brand color category.Media & Entertainment brandsCompare another brand color category.Retail brandsCompare another brand color category.