Brand colors

Meta Brand Colors

Meta palette: #0668E1, #0081FB, #1C2B33, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

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

Social Media Brand index API Dataset

Commonly referenced palette Meta

#0668E1#0081FB#1C2B33#FFFFFF

Listed without an implied color hierarchy

Palette

Palette color 1#0668E1RGB 6, 104, 225

Palette color 2#0081FBRGB 0, 129, 251

Palette color 3#1C2B33RGB 28, 43, 51

White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-meta-1: #0668E1;
  --brand-meta-2: #0081FB;
  --brand-meta-3: #1C2B33;
  --brand-meta-4: #FFFFFF;
}

Accessibility Snapshot

#0668E1Black 4.08:1 / White 5.15:1

#0081FBBlack 5.53:1 / White 3.79:1

#1C2B33Black 1.44:1 / White 14.56:1

#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Meta Brand Colors

Meta introduced its company identity in 2021 to distinguish the parent company and its broader technology direction from the Facebook app. The blue-led palette belongs to that corporate system, but the palette alone is not the identity: the symbol, wordmark, motion, spacing, and surrounding context work together to create recognition.

For interface work, the useful principle is to treat Meta’s blues as a coordinated family rather than interchangeable decorations. The darker neutral can stabilize typography and UI structure, while white provides contrast around brighter blue elements. Any real use of Meta trademarks still has to follow Meta’s current asset and permission requirements.

This independent page documents commonly referenced colors and historical context; it does not reproduce Meta artwork, imply affiliation, or grant trademark permission.

Downloadable brand colors infographic

Meta Brand Colors Infographic

Save an independent infographic of the commonly referenced Meta HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800

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

Download WebP Download SVG Open full size

Luminance0.1538

Black text4.08:1AA Fail

White text5.15:1AA Pass

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": "meta",
  "name": "Meta",
  "category": "social-media",
  "brandCategory": [
    "Social Media",
    "social-media"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/meta/",
  "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 Meta."
}

Palette

[
  {
    "name": "Palette color 1",
    "hex": "#0668E1",
    "rgb": [
      6,
      104,
      225
    ],
    "hsl": [
      213,
      95,
      45
    ],
    "cmyk": [
      97,
      54,
      0,
      12
    ],
    "luminance": 0.1538,
    "contrast": {
      "black": 4.08,
      "white": 5.15
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#0081FB",
    "rgb": [
      0,
      129,
      251
    ],
    "hsl": [
      209,
      100,
      49
    ],
    "cmyk": [
      100,
      49,
      0,
      2
    ],
    "luminance": 0.2267,
    "contrast": {
      "black": 5.53,
      "white": 3.79
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 3",
    "hex": "#1C2B33",
    "rgb": [
      28,
      43,
      51
    ],
    "hsl": [
      201,
      29,
      15
    ],
    "cmyk": [
      45,
      16,
      0,
      80
    ],
    "luminance": 0.0221,
    "contrast": {
      "black": 1.44,
      "white": 14.56
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "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"
      ]
    }
  }
]

AI context

{
  "brandUseCases": [
    "social UI",
    "creator tools",
    "share graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "social media brand colors",
    "blue brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "dark brand color",
    "light brand color",
    "Meta color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/meta.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

{
  "css": "--brand-meta-1: #0668E1;\n--brand-meta-2: #0081FB;\n--brand-meta-3: #1C2B33;\n--brand-meta-4: #FFFFFF;"
}

Accessibility

[
  {
    "hex": "#0668E1",
    "contrast": {
      "black": 4.08,
      "white": 5.15
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#0081FB",
    "contrast": {
      "black": 5.53,
      "white": 3.79
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#1C2B33",
    "contrast": {
      "black": 1.44,
      "white": 14.56
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]

Full JSON dataset

{
  "slug": "meta",
  "name": "Meta",
  "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 Meta.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/meta/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/social-media/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/meta.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#0668E1",
      "rgb": [
        6,
        104,
        225
      ],
      "hsl": [
        213,
        95,
        45
      ],
      "cmyk": [
        97,
        54,
        0,
        12
      ],
      "luminance": 0.1538,
      "contrast": {
        "black": 4.08,
        "white": 5.15
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#0081FB",
      "rgb": [
        0,
        129,
        251
      ],
      "hsl": [
        209,
        100,
        49
      ],
      "cmyk": [
        100,
        49,
        0,
        2
      ],
      "luminance": 0.2267,
      "contrast": {
        "black": 5.53,
        "white": 3.79
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 3",
      "hex": "#1C2B33",
      "rgb": [
        28,
        43,
        51
      ],
      "hsl": [
        201,
        29,
        15
      ],
      "cmyk": [
        45,
        16,
        0,
        80
      ],
      "luminance": 0.0221,
      "contrast": {
        "black": 1.44,
        "white": 14.56
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "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"
        ]
      }
    }
  ],
  "brandUseCases": [
    "social UI",
    "creator tools",
    "share graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "social media brand colors",
    "blue brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "dark brand color",
    "light brand color",
    "Meta color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/meta.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Meta Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

About Meta Brand Colors

Meta Brand Colors Infographic

Machine-Readable Brand Color Data (JSON)

Related Brand Color Guides