Software & SaaS

Airtable Color Codes

Airtable's colors are blue #18BFFF, yellow #FCB400 and red #F82B60, with charcoal #333333 on the wordmark. The Airtable color codes in Hex, RGB and CMYK can be found below. Howie Liu, Andrew Ofstad and Emmett Nicholas founded it in 2012 to build a spreadsheet with a database underneath it.

The Airtable logo, shown for identification. Airtable is a trademark of its owner and this site is not affiliated with it.

Primary colors

What are Airtable Primary Colors?

Airtable's primary color is blue #18BFFF, with yellow and red completing the mark.

Airtable publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.

Airtable Blue

Hex	#18BFFF
RGB	24, 191, 255
HSL	hsl(197, 100%, 55%)
CMYK	91%, 25%, 0%, 0%converted · approximate
Pantone	PMS 299 Cnearest match · not published by the brand

Airtable Yellow

Hex	#FCB400
RGB	252, 180, 0
HSL	hsl(43, 100%, 49%)
CMYK	0%, 29%, 100%, 1%converted · approximate
Pantone	PMS 1235 Cnearest match · not published by the brand

Airtable Red

Hex	#F82B60
RGB	248, 43, 96
HSL	hsl(344, 94%, 57%)
CMYK	0%, 83%, 61%, 3%converted · approximate
Pantone	PMS 812 Cnearest match · not published by the brand

Airtable Charcoal

Hex	#333333
RGB	51, 51, 51
HSL	hsl(0, 0%, 20%)
CMYK	0%, 0%, 0%, 80%converted · approximate
Pantone	PMS 433 Cnearest match · not published by the brand

Airtable Hex Color Codes

Airtable hex color codes are #18BFFF for blue, #FCB400 for yellow, #F82B60 for red and #333333 for charcoal.

Color	Hex
Blue	#18BFFF
Yellow	#FCB400
Red	#F82B60
Charcoal	#333333

Airtable RGB Color Codes

Airtable RGB color codes are 24, 191, 255 for blue, 252, 180, 0 for yellow, 248, 43, 96 for red and 51, 51, 51 for charcoal. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Blue	rgb(24, 191, 255)
Yellow	rgb(252, 180, 0)
Red	rgb(248, 43, 96)
Charcoal	rgb(51, 51, 51)

Airtable HSL Color Codes

Airtable HSL color codes are 197, 100%, 55% for blue, 43, 100%, 49% for yellow, 344, 94%, 57% for red and 0, 0%, 20% for charcoal. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Blue	hsl(197, 100%, 55%)
Yellow	hsl(43, 100%, 49%)
Red	hsl(344, 94%, 57%)
Charcoal	hsl(0, 0%, 20%)

Airtable CMYK Color Code

Airtable CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.

Color	CMYK
Blue	91%, 25%, 0%, 0%
Yellow	0%, 29%, 100%, 1%
Red	0%, 83%, 61%, 3%
Charcoal	0%, 0%, 0%, 80%

Airtable Pantone Color Codes

Airtable 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 299 C
Yellow	PMS 1235 C
Red	PMS 812 C
Charcoal	PMS 433 C

Logo

Airtable Logo Colors

Airtable logo colors are three, one per face of the mark, plus charcoal on the letters.

Airtable Logo Colors Palette

What the Airtable Logo Colors Mean?

The Airtable logo colors draw a table. The mark is built from three planes that read as a grid seen at an angle, and each plane takes its own color so the shape holds without an outline. Three colors also say the thing the product says: a base is not one sheet but several linked views of the same records. Charcoal on the wordmark rather than black keeps the three brighter values from looking harsh next to it.

Airtable Logo JPG

Airtable logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.

Download JPG Trademark of its owner, shown for identification.

Airtable Logo PNG

Airtable logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

Airtable Logo WebP

Airtable logo in WebP. Same transparency as the PNG at about a third of the file size.

Download WEBP Trademark of its owner, shown for identification.

Airtable Color Code Shades

Airtable color code shades step evenly from the primary toward black, for hover states, borders and shadows.

These are interface steps, not Airtable paint or trim names.

In code

Using the Airtable palette

CSS custom properties

:root {
  --airtable-blue: #18BFFF;
  --airtable-yellow: #FCB400;
  --airtable-red: #F82B60;
  --airtable-charcoal: #333333;
}

Contrast against white

Blue	2.11:1AA ×
Yellow	1.80:1AA ×
Red	3.81:1AA ×
Charcoal	12.63: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.