Meta

Meta Platforms corporate palette built around the Meta Blue (#0668E1) primary, sitting above the family of Meta-owned product brands (Facebook, Instagram, WhatsApp, Quest). The corporate Meta identity uses a confident blue mark with a clean light canvas; Meta's expressive brand system also employs a vivid multi-color gradient palette across marketing surfaces, with vivid blue, green, red, and purple reading as the brand's color voice.

12 swatches 14 light roles 14 dark roles techsocialmetabluecorporateparent-brand

Swatches

meta-blue
#0668E1
Primary Meta brand blue — the Meta wordmark and corporate mark color.
meta-blue-dark
#1877F2
Facebook product blue — adjacent Meta brand-family color; used on Facebook product surfaces.
meta-vivid-blue
#0064E0
Vivid blue from the Meta gradient palette — used in motion and editorial accent.
meta-vivid-green
#00C853
Vivid green from the Meta corporate gradient palette.
meta-vivid-red
#F02849
Vivid red from the Meta corporate gradient palette.
meta-vivid-purple
#7E4BFF
Vivid purple from the Meta corporate gradient palette.
meta-black
#000000
Headline ink and dark-mode canvas.
meta-ink
#1C2B33
Primary text on light surfaces — softer than pure black.
meta-gray
#65676B
Secondary text and metadata on the light canvas.
meta-gray-light
#8A8D91
Tertiary text and dividers.
meta-surface
#F0F2F5
Quiet surface — Facebook-family content cards and feed backgrounds.
meta-white
#FFFFFF
Primary canvas on light corporate surfaces.

Mode role mappings

Light mode (14 roles)

accent → meta-vivid-purple
accent-hover → meta-vivid-blue
background → meta-white
error → meta-vivid-red
primary → meta-blue
primary-hover → meta-vivid-blue
success → meta-vivid-green
surface → meta-surface
surface-elevated → meta-white
text-primary → meta-ink
text-secondary → meta-gray
text-tertiary → meta-gray-light
warning → meta-vivid-red
warning-hover → meta-vivid-red

Dark mode (14 roles)

accent → meta-vivid-purple
accent-hover → meta-vivid-blue
background → meta-black
error → meta-vivid-red
primary → meta-blue
primary-hover → meta-blue-dark
success → meta-vivid-green
surface → meta-ink
surface-elevated → meta-gray
text-primary → meta-white
text-secondary → meta-surface
text-tertiary → meta-gray-light
warning → meta-vivid-red
warning-hover → meta-vivid-red

Provenance

Source
https://about.meta.com/brand/
License
Proprietary — All Rights Reserved
Attribution
Meta Platforms, Inc. — Meta, the Meta wordmark, and the Meta "infinity" mark are registered trademarks of Meta Platforms, Inc. The Meta Blue primary (#0668E1) and the expressive secondary palette are documented across Meta's about-page brand surfaces and corporate press kits.
Imported
2026-05-17
Notes
Meta operates a light-mode-first corporate identity, in contrast to its dark-first consumer surfaces (Facebook and Instagram both ship dark mode but center their identities on light backgrounds). The vivid secondary swatches reflect the Meta corporate-brand gradient palette used across marketing and brand-system motion work.