Draft Color Palette & Fonts
Fonts and Text Styling
Proposed:
- Body text 16pt
- Body line height 1.8
- Header text 28pt
- Header letter spacing 0
- Header line height 1.3
- Header font DM Sans
- Body font Didact Gothic
- Body text color #333333
- Header text color #878787
- Link color blue (#3344dd) on light colors, light color on dark colors (See below)
- Sentence-case menu items
- No shadow on text and boxes
Font Samples
Web/Digital Palette
(Accessibility/Contrast Key)
- AAA (highest contrast: 7:1 or higher. Best for text-heavy areas.)
- AA (Meets minimum requirements: 4.5:1 or higher)
- AA Large (use only for headings/large text: 3:1 or higher. Minimum large text is 18pt/24px or 14pt/18px bold)
| Color | Name | HEX value | RGB value |
|---|---|---|---|
| Riverbat Purple | #4D1979 | RGB (77, 25, 121) | |
| Dark Purple | #2e1a47 | RGB (46, 26, 71) | |
| Light Bat | #4B4B4B | RGB (75, 75, 75) | |
| Dark Bat | #333333 | RGB (51, 51, 51) | |
| Barton Blue | #0A5271 | RGB (10, 82, 113) | |
| Navy | #222943 | RGB (34, 41, 67) | |
| Yellow on Dark Bat ONLY | #ffc554 | RGB (255,197,84) | |
| White | #FFFFFF | RGB (255, 255, 255) | |
| Light Stone | #F3EFEC | RGB (243, 239, 236) | |
| Dark Stone | #D5D1CB | RGB (213, 209, 203) | |
| Light Gray | #ECF0F3 | RGB (236, 240, 243) |
Contrast/Assessibility
| Light Bat/White #57595B on #FFFFFF AAA 7.0 | White/Light Bat #FFFFFF on #57595B AAA 7.0 |
| Dark Bat/White #333333 on #FFFFFF AAA 12.6 | White/Dark Bat #FFFFFF on #333333 AAA 12.6 |
| Barton Blue/White #0A5271 on #FFFFFF AAA 8.54 | White/Barton Blue #FFFFFF on #0A5271 AAA 8.54 |
| Navy/White #222943 on #FFFFFF AAA 14.3 | White/Navy #FFFFFF on #222943 AAA 14.3 |
| Light Bat/Light Stone #57595B on #F3EFEC AA 6.1 | Light Stone/Light Bat #F3EFEC on #57595B AA 6.1 |
| Dark Bat/Light Stone #333333 on #F3EFEC AAA 12.6 | Light Stone/Dark Bat #F3EFEC on #333333 AAA 12.6 |
| Barton Blue/Light Stone #0A5271 on #F3EFEC AAA 7.47 | Light Stone/Barton Blue #F3EFEC on #0A5271 AAA 7.47 |
| Navy/Light Stone #222943 on #F3EFEC AAA 14.3 | Light Stone/Navy #F3EFEC on #222943 AAA 14.3 |
| Dark Bat/Dark Stone #333333 on #D5D1CB AAA 8.3 | Dark Stone/Dark Bat #D5D1CB on #333333 AAA 8.3 |
| Barton Blue/Dark Stone #0A5271 on #D5D1CB AA 5.61 | Dark Stone/Barton Blue #D5D1CB on #0A5271 AA 5.61 |
| Navy/Dark Stone #222943 on #D5D1CB AAA 9.4 | Dark Stone/Navy #D5D1CB on #222943 AAA 9.4 |
| Light Bat/Light Gray #57595B on #ECF0F3 AA 6.1 | Light Gray/Light Bat #ECF0F3 on #57595B AA 6.1 |
| Dark Bat/Light Gray #333333 on #ECF0F3 AAA 12.6 | Light Gray/Dark Bat #ECF0F3 on #333333 AAA 12.6 |
| Barton Blue/Light Gray #0A5271 on #ECF0F3 AAA 7.45 | Light Gray/Barton Blue #ECF0F3 on #0A5271 AAA 7.45 |
| Mockingbird/Light Gray #222943 on #ECF0F3 AAA 14.3 | Light Gray/Navy #4d1979 on #ECF0F3 AAA 14.3 |
| Light Stone/Riverbat Purple #F3EFEC on #4d1979 AAA 10.61 | Riverbat Purple/Light Stone #F3EFEC on #4d1979 AAA 10.61 |
| Light Stone/Dark Purple #F3EFEC on #2E1A47 AAA 13.56 | Dark Purple/Light Stone #F3EFEC on #2E1A47 AAA 8.18 |
| Yellow/Dark Bat #ffc554 on #333333 AAA 8.04 |
News
Start Strong
Students who start their college journey strong, are more likely to finish strong.