Design System
Colors
MSU Libraries' web color palette emphasizes green and white for consistency with MSU's brand identity. Purples and cool grays are also incorporated as accent colors that are designed to be engaging but not distracting.
Color Palette
- Parakeet Green
- HEX: #0A875F
- RGB: R=11 G=154 B=109
- Dark Parakeet Green
- HEX: #105E4F
- RGB: R=16 G=94 B=97
- Light Sage
- HEX: #C0E0D9
- RGB: R=192 G=224 B=217
- Medium Sage
- HEX: #8EC6B9
- RGB: R=104 G=179 B=162
- Spartan Green
- HEX: #18453B
- RGB: R=24 G=69 B=59
- Eggplant
- HEX: #592646
- RGB: R=89 G=38 B=70
- Violet
- HEX: #780A80
- RGB: R=120 G=10 B=128
- Light Gray
- HEX: #F0F0F0
- RGB: R=246 G=246 B=246
- Medium Gray
- HEX: #C1C1C1
- RGB: R=193 G=193 B=193
- Dark Gray
- HEX: #535054
- RGB: R=83 G=80 B=84
- Charcoal Gray
- HEX: #2F2F2F
- RGB: R=47 G=47 B=47
- Light Lavender Gray
- HEX: #D2D7E7
- RGB: R=210 G=215 B=231
- Lavender Gray
- HEX: #ACB3C9
- RGB: R=144 G=154 B=183
- Black
- HEX: #000000
- RGB: R=0 G=0 B=0
- White
- HEX: #FFFFFF
- RGB: R=255 G=255 B=255
Quick reference guide to accessible colors
The display below shows which of the colors in the MSU Libraries color palette are accessible when used for text on various backgrounds. Some of the colors displayed are tints and shades of the main palette colors that were created for adequate contrast.
- Color #0A875F can be used on white background
- Color #105E4F can be used on white background
- Color #C0E0D9 cannot be used on white background
- Color #8EC6B9 cannot be used on white background
- Color #18453B can be used on white background
- Color #592646 can be used on white background
- Color #780A80 can be used on white background
- Color #F0F0F0 cannot be used on white background
- Color #C1C1C1 cannot be used on white background
- Color #535054 can be used on white background
- Color #2F2F2F can be used on white background
- Color #D2D7E7 cannot be used on white background
- Color #ACB3C9 cannot be used on white background
- Color #000000 can be used on white background
- Color #FFFFFF can be used on white background
- Color #0A875F cannot be used on spartan green background
- Color #105E4F cannot be used on spartan green background
- Color #C0E0D9 can be used on spartan green background
- Color #8EC6B9 can be used on spartan green background
- Color #18453B cannot be used on spartan green background
- Color #592646 cannot be used on spartan green background
- Color #780A80 cannot be used on spartan green background
- Color #F0F0F0 can be used on spartan green background
- Color #C1C1C1 can be used on spartan green background
- Color #535054 cannot be used on spartan green background
- Color #2F2F2F cannot be used on spartan green background
- Color #D2D7E7 can be used on spartan green background
- Color #ACB3C9 can be used on spartan green background
- Color #000000 cannot be used on spartan green background
- Color #FFFFFF can be used on spartan green background
- Color #0A875F cannot be used on black background
- Color #105E4F cannot be used on black background
- Color #C0E0D9 can be used on black background
- Color #8EC6B9 can be used on black background
- Color #18453B cannot be used on black background
- Color #592646 cannot be used on black background
- Color #780A80 cannot be used on black background
- Color #F0F0F0 can be used on black background
- Color #C1C1C1 can be used on black background
- Color #535054 cannot be used on black background
- Color #2F2F2F cannot be used on black background
- Color #D2D7E7 can be used on black background
- Color #ACB3C9 can be used on spartan green background
- Color #000000 cannot be used on black background
- Color #FFFFFF can be used on black background