Webflow Color Palette

Select any value to copy it.

• Webflow Blue

  Primary

  #4353FFrgb(67, 83, 255)hsl(235, 100%, 63%)

  Closest in ArchiveIndigo Tone Pure
  Closest in Archive: Indigo Tone Pure

• Charcoal

  Neutral

  #1D1F26rgb(29, 31, 38)hsl(227, 13%, 13%)

  Closest in ArchiveIndigo Ink Faint
  Closest in Archive: Indigo Ink Faint

• White

  Neutral

  #FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)

  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.

• Webflow BlueAaon white5.36:1AAWebflow Blue: Open in contrast checkerAaon black3.92:1Large text onlyWebflow Blue: Open in contrast checker
• CharcoalAaon white16.45:1AACharcoal: Open in contrast checkerAaon black1.28:1Not for textCharcoal: Open in contrast checker
• WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker

About this palette

Webflow's #4353FF is a saturated blue-violet. Webflow targets professional designers and developers, and the brand color is calibrated to feel serious rather than playful.

Copy as code

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

:root {
  --webflow-blue: #4353ff;
  --webflow-charcoal: #1d1f26;
  --webflow-white: #ffffff;
}

@theme {
  --color-webflow-blue: #4353ff;
  --color-webflow-charcoal: #1d1f26;
  --color-webflow-white: #ffffff;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "webflow-blue": "#4353ff",
        "webflow-charcoal": "#1d1f26",
        "webflow-white": "#ffffff",
      },
    },
  },
};

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

More from Design Tools