Software & SaaS
Webflow Color Codes
Webflow's color is blue #146EF5. The Webflow color codes in Hex, RGB and CMYK can be found below. Vlad Magdalin founded it in 2013 with Sergie Magdalin and Bryant Chou, and the company came close to running out of money before its Series A. The product turns a visual canvas into production HTML and CSS.
Primary colors
What are Webflow Primary Colors?
Webflow's primary color is blue #146EF5, a mid blue with a slight violet lean.
Webflow publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Webflow Blue
| Hex | #146EF5 |
|---|---|
| RGB | 20, 110, 245 |
| HSL | hsl(216, 92%, 52%) |
| CMYK | 92%, 55%, 0%, 4%converted · approximate |
| Pantone | PMS 293 Cnearest match · not published by the brand |
Webflow Hex Color Codes
Webflow hex color codes are #146EF5 for blue.
| Color | Hex |
|---|---|
| Blue | #146EF5 |
Webflow RGB Color Codes
Webflow RGB color codes are 20, 110, 245 for blue. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Blue | rgb(20, 110, 245) |
Webflow HSL Color Codes
Webflow HSL color codes are 216, 92%, 52% for blue. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Blue | hsl(216, 92%, 52%) |
Webflow CMYK Color Code
Webflow CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Blue | 92%, 55%, 0%, 4% |
Webflow Pantone Color Codes
Webflow Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Blue | PMS 293 C |
Logo
Webflow Logo Colors
Webflow logo colors are a single blue, on a mark built from a stroke and two angles.
Webflow Logo Colors Palette
What the Webflow Logo Colors Mean?
The Webflow logo colors sit on a shape that draws a W without writing one, using two diagonal strokes and a curve so the letter is implied rather than set. Blue is doing category work here rather than brand work: the mark has to read as a professional tool next to Squarespace's black and Wix's blue, which is a narrow gap to sit in. Its value is close enough to Wix's #0C6EFC that the two are genuinely hard to tell apart side by side.
Webflow Logo JPG
Webflow logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Webflow Logo PNG
Webflow logo in PNG, with a transparent background. Use it over a colored surface.
Webflow Logo WebP
Webflow logo in WebP. Same transparency as the PNG at about a third of the file size.
Webflow Color Code Shades
Webflow color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Webflow paint or trim names.
In code
Using the Webflow palette
CSS custom properties
:root {
--webflow-blue: #146EF5;
}Contrast against white
| Blue | 4.59:1AA ✓ |
|---|
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.