Meta
Est. 2004Meta's blue was inherited from Facebook, which Mark Zuckerberg chose because he's red-green colorblind — blue is the color he sees best. The rebranding to Meta introduced a slightly different blue and an infinity-loop logo to represent the metaverse.
Brand Palette — Click to copy
Export Meta Colors
About Meta's Color Palette
Meta's brand identity relies on a carefully chosen palette of 5 colors that communicate the company's values and market position within the tech industry. Founded in 2004, Meta has refined its visual identity over the years to become one of the most recognized brands in its category.
The primary color, Meta Blue (#0668E1), serves as the foundation of Meta's visual system and is used across the brand's logo, marketing materials, and digital products. Supporting colors like Facebook Blue (#1877F2) provide contrast and visual hierarchy across different applications. Each color in the palette has a specific functional role — from primary brand identification to secondary surfaces, accent highlights, and background elements.
Designers and developers can use these exact color codes to maintain brand consistency across web, mobile, and print projects. All colors on this page are available for export as CSS custom properties, Tailwind CSS config, SCSS variables, and JSON — ready to integrate into any design system or codebase.
Color Breakdown
Meta Blue — #0668E1
Used as primary. RGB: 6, 104, 225.
Facebook Blue — #1877F2
Used as facebook. RGB: 24, 119, 242.
White — #FFFFFF
Used as background. RGB: 255, 255, 255.
Gray — #65676B
Used as text. RGB: 101, 103, 107.
Light Gray — #F0F2F5
Used as surface. RGB: 240, 242, 245.
Frequently Asked Questions
What are Meta's official brand colors?
Meta's official palette consists of 5 colors: Meta Blue (#0668E1), Facebook Blue (#1877F2), White (#FFFFFF), Gray (#65676B), Light Gray (#F0F2F5). These colors are used across Meta's logo, website, marketing materials, and product interfaces to maintain a consistent brand identity.
What is the hex code for Meta's primary color?
Meta's primary brand color is Meta Blue with the hex code #0668E1. This color is used as the primary identifier for the brand and appears prominently in the logo and key marketing materials.
Can I use Meta's colors in my project?
The color values (hex codes, RGB, HSL) listed on this page are factual information and can be referenced freely. However, using colors in combination with Meta's logo, name, or other trademarked elements may require permission. Always check the brand's official guidelines for commercial usage.
How do I export Meta's colors for my code?
Use the export buttons above to copy Meta's colors as CSS custom properties, Tailwind CSS config objects, SCSS variables, or JSON. Each format is ready to paste directly into your codebase or design system configuration file.