We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,446 algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
ColorArchive/Brands/Glossier

Consumer Brands

Glossier Color Palette

A soft baby pink beside a stark black wordmark.

The palette

Select any value to copy it.

  • Glossier Pink

    Primary
    Closest in ArchiveRuby Mist Bright
    Closest in Archive: Ruby Mist Bright

  • Glossier Black

    Neutral
    Closest in ArchiveTrue Gray Ink
    Closest in Archive: True Gray Ink

  • White

    Neutral
    Closest in ArchiveWarm Gray Veil
    Closest in Archive: Warm Gray Veil

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

  • Glossier PinkAaon white1.36:1Not for textGlossier Pink: Open in contrast checkerAaon black15.49:1AAGlossier Pink: Open in contrast checker
  • Glossier BlackAaon white21.00:1AAGlossier Black: Open in contrast checkerAaon black1.00:1Not for textGlossier Black: Open in contrast checker
  • WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker
Build a full 50–950 scale from Glossier Pink→

About this palette

Glossier launched in 2014 with a baby-pink palette. The pink (#F8D6CD) is paired with a stark black sans-serif wordmark and unbleached cardboard packaging, creating a contrast between feminine softness and editorial directness. The pink is closely associated with the shade later called 'millennial pink'.

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

CSS variables

:root {
  --glossier-pink: #f8d6cd;
  --glossier-black: #000000;
  --glossier-white: #ffffff;
}

Tailwind v4 (@theme)

@theme {
  --color-glossier-pink: #f8d6cd;
  --color-glossier-black: #000000;
  --color-glossier-white: #ffffff;
}
Tailwind v3 (tailwind.config.js)
module.exports = {
  theme: {
    extend: {
      colors: {
        "glossier-pink": "#f8d6cd",
        "glossier-black": "#000000",
        "glossier-white": "#ffffff",
      },
    },
  },
};

Source: https://www.glossier.com/ · As of 2026-05-03 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Glossier name and any associated marks belong to their owner. Request removal via support.

More from Consumer Brands

Aesop

Amber-glass brown on cream — the colors of Aesop's bottles and labels.

Uniqlo

Pure red on white — Japanese retail discipline applied to clothing identity.

Airbnb

Rausch — the red that became an Airbnb brand asset.

Coca-Cola

The original heritage red.