Color

Color Proportions

The Echo’s color system includes two application levels. The primary palette is reserved for marketing brand collateral. The secondary palette is applied alongside the primary color palette and reserved for callouts, shapes, charts, and graphs.

Primary Colors

The Echo’s primary palette should prioritize Blue 1 and Green 1 over all other colors. The brand should lean into lighter, brighter layout applications with high contrast sections. This ensures that our brand feels clean and sleek. Our primary accent colors are Grey 1 and White.

Blue 1

#051B4C
RGB: 5, 27, 76
CMYK: 100, 94, 36, 43
PMS: 2766 C

Green 1

#38A70C
RGB: 56, 167, 12
CMYK: 77, 7, 100, 1
PMS: 361 C

Grey 1

#F1F1F1
RGB: 241, 241, 241
CMYK: 4, 3, 3, 0
PMS: 663 C

White

#FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0
PMS: -

Secondary Colors

The Echo’s secondary palette should be reserved for the charts, buttons, and callouts. Successful application of a secondary palette will ensure a balanced design that draws the user’s eye to key information while conveying clear messaging.

Blue 2

#083085
RGB: 8, 48, 133
CMYK: 100, 92, 18, 6
PMS: 661 C

Blue 3

#0A3EAC
RGB: 100, 62, 172
CMYK: 97, 85, 0, 0
PMS: 293 C

Green 2

#8DE969
RGB: 141, 233, 105
CMYK: 44, 0, 78, 0
PMS: 7487 C

Green 3

#62C83A
RGB: 98, 200, 58
CMYK: 62, 0, 100, 0
PMS: 360 C

Tertiary Colors

The Echo’s tertiary palette should be reserved for text color and platform elements. Successful application of a tertiary palette will ensure a successful hierarchy.

Grey 2

#5A5B67
RGB: 90, 91, 103
CMYK: 66, 58, 45, 22
PMS: Cool Gray 11 C

Grey 3

#9B9DB1
RGB: 155, 157, 177
CMYK: 42, 34, 20, 0
PMS: 7543 C

Grey 4

#E6E7EB
RGB: 230, 231, 235
CMYK: 8, 6, 4, 0
PMS: 664 C