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/Vercel

Developer Tools

Vercel Color Palette

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

The palette

Select any value to copy it.

  • Vercel Black

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

  • Vercel White

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

  • Gray 1

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

  • Vercel Blue

    Accent

    Used sparingly on links and CTAs.

    Closest in ArchiveCobalt Radiant Vivid
    Closest in Archive: Cobalt Radiant Vivid

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.

  • Vercel BlackAaon white21.00:1AAVercel Black: Open in contrast checkerAaon black1.00:1Not for textVercel Black: Open in contrast checker
  • Vercel WhiteAaon white1.00:1Not for textVercel White: Open in contrast checkerAaon black21.00:1AAVercel White: Open in contrast checker
  • Gray 1Aaon white1.04:1Not for textGray 1: Open in contrast checkerAaon black20.12:1AAGray 1: Open in contrast checker
  • Vercel BlueAaon white4.55:1AAVercel Blue: Open in contrast checkerAaon black4.61:1AAVercel Blue: Open in contrast checker

About this palette

Vercel's identity is pure black on pure white, with the triangular wordmark doing all the work. Marketing uses high-fidelity gradients sparingly; product UI maintains the same restraint, leaving deployment status colors as the only chromatic accents.

Copy as code

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

CSS variables

:root {
  --vercel-black: #000000;
  --vercel-white: #ffffff;
  --vercel-gray-1: #fafafa;
  --vercel-blue: #0070f3;
}

Tailwind v4 (@theme)

@theme {
  --color-vercel-black: #000000;
  --color-vercel-white: #ffffff;
  --color-vercel-gray-1: #fafafa;
  --color-vercel-blue: #0070f3;
}
Tailwind v3 (tailwind.config.js)
module.exports = {
  theme: {
    extend: {
      colors: {
        "vercel-black": "#000000",
        "vercel-white": "#ffffff",
        "vercel-gray-1": "#fafafa",
        "vercel-blue": "#0070f3",
      },
    },
  },
};

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

More from Developer Tools

Supabase

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

Cloudflare

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

Hugging Face

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

GitHub

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