Software & SaaS

Asana Color Codes

Asana's colors are coral #F06A6A and ink #0D0E10. The Asana color codes in Hex, RGB and CMYK can be found below. Dustin Moskovitz, a co-founder of Facebook, and Justin Rosenstein started the company on 16 December 2008 after building an internal tool called Tasks. An asana is a yoga posture, which is where the name comes from.

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

Primary colors

What are Asana Primary Colors?

Asana's primary color is coral #F06A6A, a soft red rather than a signal red.

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

Asana Coral

Hex	#F06A6A
RGB	240, 106, 106
HSL	hsl(0, 82%, 68%)
CMYK	0%, 56%, 56%, 6%converted · approximate
Pantone	PMS 709 Cnearest match · not published by the brand

Asana Ink

Hex	#0D0E10
RGB	13, 14, 16
HSL	hsl(220, 10%, 6%)
CMYK	19%, 13%, 0%, 94%converted · approximate
Pantone	PMS 419 Cnearest match · not published by the brand

Asana Hex Color Codes

Asana hex color codes are #F06A6A for coral and #0D0E10 for ink.

Color	Hex
Coral	#F06A6A
Ink	#0D0E10

Asana RGB Color Codes

Asana RGB color codes are 240, 106, 106 for coral and 13, 14, 16 for ink. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Coral	rgb(240, 106, 106)
Ink	rgb(13, 14, 16)

Asana HSL Color Codes

Asana HSL color codes are 0, 82%, 68% for coral and 220, 10%, 6% for ink. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Coral	hsl(0, 82%, 68%)
Ink	hsl(220, 10%, 6%)

Asana CMYK Color Code

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

Color	CMYK
Coral	0%, 56%, 56%, 6%
Ink	19%, 13%, 0%, 94%

Asana Pantone Color Codes

Asana Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.

Color	Nearest Pantone
Coral	PMS 709 C
Ink	PMS 419 C

Logo

Asana Logo Colors

Asana logo colors are coral on the three dots and near-black on the wordmark.

Asana Logo Colors Palette

What the Asana Logo Colors Mean?

The Asana logo colors sit on three dots arranged in a triangle, and the dots are the whole idea. They stand for the three parts of any piece of work in the product: the task, the person doing it, and the project it belongs to. The name is Sanskrit for a yoga pose, chosen for the balance of form and focus it implies. Coral is softer than a true red on purpose, because a project tool that signals alarm on every screen would be exhausting to look at all day.

Asana Logo JPG

Asana 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.

Asana Logo PNG

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

Download PNG Trademark of its owner, shown for identification.

Asana Logo WebP

Asana 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.

Asana Color Code Shades

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

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

In code

Using the Asana palette

CSS custom properties

:root {
  --asana-coral: #F06A6A;
  --asana-ink: #0D0E10;
}

Contrast against white

Coral	3.01:1AA ×
Ink	19.31: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.