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/Hugging Face

Developer Tools

Hugging Face Color Palette

Yellow with a hugging emoji — a friendly brand for machine learning.

The palette

Select any value to copy it.

  • Hugging Yellow

    Primary
    Closest in ArchiveAmber Radiant Pure
    Closest in Archive: Amber Radiant Pure

  • Slate Text

    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.

  • Hugging YellowAaon white1.45:1Not for textHugging Yellow: Open in contrast checkerAaon black14.49:1AAHugging Yellow: Open in contrast checker
  • Slate TextAaon white16.48:1AASlate Text: Open in contrast checkerAaon black1.27:1Not for textSlate Text: 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 Hugging Yellow→

About this palette

Hugging Face built its identity around the literal 🤗 emoji, which doubles as the company's mascot, logo, and tonal compass. The #FFD21E yellow is a direct color match to the Apple emoji rendering — a deliberate choice that signals the company belongs to ordinary developers rather than enterprise sales teams. The yellow has become a familiar sight in open-source machine learning.

Copy as code

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

CSS variables

:root {
  --hugging-yellow: #ffd21e;
  --huggingface-slate-text: #1f1f1f;
  --huggingface-white: #ffffff;
}

Tailwind v4 (@theme)

@theme {
  --color-hugging-yellow: #ffd21e;
  --color-huggingface-slate-text: #1f1f1f;
  --color-huggingface-white: #ffffff;
}
Tailwind v3 (tailwind.config.js)
module.exports = {
  theme: {
    extend: {
      colors: {
        "hugging-yellow": "#ffd21e",
        "huggingface-slate-text": "#1f1f1f",
        "huggingface-white": "#ffffff",
      },
    },
  },
};

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

More from Developer Tools

GitHub

The Octocat is grayscale; the system colors carry semantic meaning.

Vercel

Black, white, and the negative space between — a deployment platform aesthetic.

Supabase

A signature emerald that says 'open-source, technical, alive'.

Cloudflare

Orange like the internet's safety vest — fast, visible, slightly punk.