Color codes in API

English Forum Developers & API
,
22

Since this is the top search result when looking for Asana Hex color codes, and there is no Asana created document that I could find . I thought I would add to it. These are the color codes (both RGB and HEX) I pulled out of the CSS today for the custom fields. A side note, a few of these don’t actually map out correctly if you use a color picker on the site, I’m not sure what is up with that.

–color-customization-aqua-background
Aqua | Hex #9ee7e3
–color-customization-aqua-background-rgb
Aqua | rgb 158, 231, 227
–color-customization-background
No Color - White (Gray in color picker) | Hex #c7c4c4
–color-customization-blue-background
Blue | Hex #4573d2
–color-customization-blue-background-rgb
Blue | rgb 69, 115, 210
–color-customization-blue-green-background
Blue-Green | Hex #4ecbc4
–color-customization-blue-green-background-rgb
Blue-Green| rgb 78, 203, 196
–color-customization-cool-gray-background
Cool-Gray | Hex #6d6e6f
–color-customization-cool-gray-background-rgb
Cool-Gray | rgb 109, 110, 111
–color-customization-green-background
Green | Hex #5da283
–color-customization-green-background-rgb
Green | rgb 93, 162, 131
–color-customization-hot-pink-background
Hot-Pink | Hex #f26fb2
–color-customization-hot-pink-background-rgb
Hot-Pink | rgb 242, 111, 178
–color-customization-indigo-background
Indigo | Hex #8d84e8
–color-customization-indigo-background-rgb
Indigo | rgb 141, 132, 232
–color-customization-magenta-background
Magenta | Hex #f9aaef
–color-customization-magenta-background-rgb
Magenta | rgb 249, 170, 239
–color-customization-orange-background
Orange | Hex #ec8d71
–color-customization-orange-background-rgb
Orange | rgb 236, 141, 113
–color-customization-pink-background
Pink | Hex #fc979a
–color-customization-pink-background-rgb
Pink | rgb 252, 151, 154
–color-customization-purple-background
Purple | Hex #b36bd4
–color-customization-purple-background-rgb
Purple | rgb 179, 107, 212
–color-customization-red-background
Red | Hex #f06a6a
–color-customization-red-background-rgb
Red | rgb 240, 106, 106
–color-customization-yellow-background
Yellow | Hex #f8df72
–color-customization-yellow-background-rgb
Yellow | rgb 248, 223, 114
–color-customization-yellow-green-background
Yellow-Green | Hex #aecf55
–color-customization-yellow-green-background-rgb
Yellow-Green | rgb 174, 207, 85
–color-customization-yellow-orange-background
Yellow-Orange | Hex #f1bd6c
–color-customization-yellow-orange-background-rgb
Yellow-Orange | rgb 241, 189, 108

4 Likes
23

My goodness, how great would it be to just ask for ‘custom_fields.enum_value.color.hex’ and avoid all this

25

If anyone wants it!

.aqua{color:#9ee7e3;}

.white{color:#c7c4c4;}

.blue{color:#4573d2;}

.blue-green{color:#4ecbc4;}

.cool-gray{color:#6d6e6f;}

.green{color:#5da283;}

.hot-pink{color:#f26fb2;}

.indigo{color:#8d84e8;}

.magenta{color:#f9aaef;}

.orange{color:#ec8d71;}

.pink{color:#fc979a;}

.purple{color:#b36bd4;}

.red{color:#f06a6a;}

.yellow{color:#f8df72;}

.yellow-green{color:#aecf55;}

.yellow-orange{color:#f1bd6c;}

5 Likes
26

Thanks, @Shawn_Taylor - always good to have updated color lists as they do change from time to time.

1 Like
27

you bet! For the record, all I did was take @anon33457153 's list and make it css.

1 Like