design

Colors

Azavea’s color scheme helps emote our company’s personality.

We don’t typically align the Azavea brand colors with our applications, but do try to use color meaningfully in our work. The below colors will only cover color as it relates to Azavea’s brand.

As a company, Azavea is committed to complying with WGAC 2.0 AA contrast ratios. Refer to the Resources page for helpful tools.

Color Usage

Primary Palette

The three main colors that make up Azavea’s logo are the basis of color use in our website and print materials.

Color name
Sky
HEX
#4ba6dd
RGB
75, 166, 221
CMYK
66, 25, 0, 13
Color name
Denim
HEX
#3773a1
RGB
55, 115, 161
CMYK
66, 29, 0, 37
Color name
Midnight
HEX
#204f72
RGB
32, 79, 114
CMYK
72, 31, 0, 55

Supporting colors

Colors from our secondary palette should be used sparingly. They are for categorical differentiation (e.g. in the blog) or as a contrasting color to the Azavean blues.

Color name
Sapphire
HEX
#0e4266
RGB
14, 66, 102
CMYK
86, 35, 0, 60
Color name
Light forest
HEX
#53ae52
RGB
83, 174, 82
CMYK
52, 0, 53, 32
Color name
Medium orchid
HEX
#d45db0
RGB
212, 93, 176
CMYK
0, 56, 17, 17
Color name
Medium gold
HEX
#f1b210
RGB
241, 178, 16
CMYK
0, 26, 93, 5
Color name
Vivid orange
HEX
#FA7921
RGB
250, 121, 33
CMYK
0, 52, 87, 2

Neutral colors

Our grayscale is based upon the Azavea Midnight color. These colors all have a blueish tint as a result.

Color name
Ink
HEX
#27323D
RGB
39, 50, 61
CMYK
36, 18, 0, 76
Color name
Granite
HEX
#4D6379
RGB
77, 99, 121
CMYK
36, 18, 0, 53
Color name
Slate
HEX
#7C94AC
RGB
124, 148, 172
CMYK
28, 14, 0, 33
Color name
Pewter
HEX
#B8C5D2
RGB
184, 197, 210
CMYK
12, 6, 0, 18
Color name
Steel
HEX
#D0D9E1
RGB
208, 217, 225
CMYK
8, 4, 0, 12
Color name
Porcelain
HEX
#E5EAEE
RGB
229, 234, 238
CMYK
4, 2, 0, 7
Color name
Off-white
HEX
#F4F6F8
RGB
244, 246, 248
CMYK
2, 1, 0, 3

Assets

Download color palettes

Download the Azavea color palette for use in some popular programs below.

Adobe Illustrator

Adobe Illustrator logo
Download

Adobe Photoshop

Adobe Photoshop logo
Download

Adobe InDesign

Adobe InDesign logo
Download

Sketch

Sketch logo
Download

SCSS

Download