Morningstar Logo
Morningstar Design

Color

Foundational colors are organized into predictable ramps, each with predefined stops that ensure consistent progression of tints and shades. These color ramps help maintain cohesiveness while allowing adaptability across multiple platforms and design needs.

For guidance about color in products, please see Product Color Palettes.

Core Color

Red lies at the heart of brand expression in color. Originally chosen as a Pantone swatch PMS 185 U by renowned American designer Paul Rand in 1991, it has since expanded to include equivalent values in other common color systems.

Core Color color values
Name
Pantone
CMYK
Hex
RGB
RedPMS 1850, 91, 76, 0#FC0412252, 4, 18

Neutral Color

Neutral color values
Name
Hex
RGB
Neutral 0 (White)#FFFFFF255, 255, 255
Neutral 5#FDFBF9253, 251, 249
Neutral 10#F7F5F2247, 245, 242
Neutral 15#F2EFEC242, 239, 236
Neutral 20#DBD8D4219, 216, 212
Neutral 30#BDBBB7189, 187, 183
Neutral 40#9F9C98159, 156, 152
Neutral 50#817D79129, 125, 121
Neutral 60#706D68112, 109, 104
Neutral 70#58545088, 84, 80
Neutral 80#3C393560, 57, 53
Neutral 85#27252039, 37, 32
Neutral 90#1C191528, 25, 21
Neutral 95#110C0317, 12, 3
Neutral 100 (Black)#0000000, 0, 0

Extended Colors

Blue

Blue color values
Name
Hex
RGB
Blue 5#F8FBFF248, 251, 255
Blue 10#EFF4FD239, 244, 253
Blue 15#E3EBFF227, 235, 255
Blue 20#CAD7FD202, 215, 253
Blue 30#A2B7FB162, 183, 251
Blue 40#7B96F9123, 150, 249
Blue 50#5176F181, 118, 241
Blue 60#4560DB69, 96, 219
Blue 70#3B48B459, 72, 180
Blue 80#2C308144, 48, 129
Blue 85#21215633, 33, 86
Blue 90#18153E24, 21, 62
Blue 95#120D2E18, 13, 46

Teal

Teal color values
Name
Hex
RGB
Teal 5#F7FCFC247, 252, 252
Teal 10#EAF7F7234, 247, 247
Teal 15#CFF2F5207, 242, 245
Teal 20#A7E0E6167, 224, 230
Teal 30#6AC6D0106, 198, 208
Teal 40#29ABB841, 171, 184
Teal 50#008C9A0, 140, 154
Teal 60#0078850, 120, 133
Teal 70#005E690, 94, 105
Teal 80#0041490, 65, 73
Teal 85#002D330, 45, 51
Teal 90#0720257, 32, 37
Teal 95#0013160, 19, 22

Green

Green color values
Name
Hex
RGB
Green 5#F5FDF7245, 253, 247
Green 10#E9F9EE233, 249, 238
Green 15#D6F2E0214, 242, 224
Green 20#B6E1C7182, 225, 199
Green 30#88C6A2136, 198, 162
Green 40#4FAE8079, 174, 128
Green 50#0E916314, 145, 99
Green 60#007D550, 125, 85
Green 70#0063410, 99, 65
Green 80#00442D0, 68, 45
Green 85#002F1E0, 47, 30
Green 90#0121131, 33, 19
Green 95#00180C0, 24, 12

Yellow

Yellow color values
Name
Hex
RGB
Yellow 5#FDFBF0253, 251, 240
Yellow 10#FDF7E5253, 247, 229
Yellow 15#FEF1CF254, 241, 207
Yellow 20#FDE9B5253, 233, 181
Yellow 30#FFE09A255, 224, 154
Yellow 40#FBC24B251, 194, 75
Yellow 50#F4B527244, 181, 39
Yellow 60#D1930B209, 147, 11
Yellow 70#A36A00163, 106, 0
Yellow 80#6D4600109, 70, 0
Yellow 85#442B0068, 43, 0
Yellow 90#2B1A0043, 26, 0
Yellow 95#190F0025, 15, 0

Orange

Orange color values
Name
Hex
RGB
Orange 5#FFF8F3255, 248, 243
Orange 10#FFF3E7255, 243, 231
Orange 15#FFECDF255, 236, 223
Orange 20#FFDCC2255, 220, 194
Orange 30#FFBD91255, 189, 145
Orange 40#F79753247, 151, 83
Orange 50#F47122244, 113, 34
Orange 60#D5530D213, 83, 13
Orange 70#AC3A05172, 58, 5
Orange 80#75240C117, 36, 12
Orange 85#55170085, 23, 0
Orange 90#33110051, 17, 0
Orange 95#200C0032, 12, 0

Red

Red color values
Name
Hex
RGB
Red 5#FFF6F5255, 246, 245
Red 10#FFF0EE255, 240, 238
Red 15#FFE6E3255, 230, 227
Red 20#FFC9C1255, 201, 193
Red 30#FFA598255, 165, 152
Red 40#FA7665250, 118, 101
Red 50#EA4335234, 67, 53
Red 60#D5211D213, 33, 29
Red 70#B01314176, 19, 20
Red 80#79100B121, 16, 11
Red 85#500B0080, 11, 0
Red 90#2E0E0046, 14, 0
Red 95#19070025, 7, 0

Magenta

Magenta color values
Name
Hex
RGB
Magenta 5#FFF7F8255, 247, 248
Magenta 10#FFF0F3255, 240, 243
Magenta 15#FFE5EB255, 229, 235
Magenta 20#FFC8D3255, 200, 211
Magenta 30#FC9DB4252, 157, 180
Magenta 40#F86D95248, 109, 149
Magenta 50#E63D76230, 61, 118
Magenta 60#CE2563206, 37, 99
Magenta 70#AF0C51175, 12, 81
Magenta 80#780636120, 6, 54
Magenta 85#56002486, 0, 36
Magenta 90#3B051659, 5, 22
Magenta 95#2F000C47, 0, 12

Purple

Purple color values
Name
Hex
RGB
Purple 5#FDF9FF253, 249, 255
Purple 10#FBF0FE251, 240, 254
Purple 15#F9E2FF249, 226, 255
Purple 20#F0C7F6240, 199, 246
Purple 30#E3A2ED227, 162, 237
Purple 40#D579E3213, 121, 227
Purple 50#BE50CB190, 80, 203
Purple 60#AB3FB4171, 63, 180
Purple 70#8A2C91138, 44, 145
Purple 80#631D6499, 29, 100
Purple 85#43154367, 21, 67
Purple 90#2C0C2C44, 12, 44
Purple 95#20022032, 2, 32

Acquired Brands

Color

Resources

Morningstar Design provides a shared language and approach for building empowering, on-brand experiences for investors. Reach out for support if you have any questions.

©2025 Morningstar, Inc. All rights reserved. Terms of use