Web Style Guide: Colors Primary Web Color PaletteBrand colors revisited for the web with accessibility (A11y) in mind. Web Color: Brand Brand Palette UTMB Red UTMB Red WEB:Hex #da1f12 RGB (255,31,46)PRINT:Pantone 1788 CP CMYK 0 88 82 0 CSS Classes: .red .red-bgUTMB Red Best Practices Brand Palette UTMB Gray UTMB Gray WEB:Hex #444444 RGB (68,68,68)PRINT:Pantone Cool Gray 10 CP CMYK 40 30 20 66 CSS Classes: .gray .gray-bgUTMB Gray Best Practices Gray Light Gray LightWEB:Hex #c9cac8RGB (201,202,200)PRINT:Pantone Cool Gray 2 CPCMYK 5 3 5 11 CSS Classes: .gray-light .gray-light-bgGray Light Best Practices Web Color: Complimentary Brand Palette Blue BlueWEB:Hex #1b5196 RGB (27,81,150)PRINT:Pantone 293 CP CMYK 100 69 0 4 CSS Classes: .blue .blue-bgBlue Best Practices Brand Palette Blue Dark Blue Dark WEB:Hex #1c3a56 RGB (28,58,86)PRINT:Pantone 7463 CP CMYK 100 63 12 67 CSS Classes: .blue-dark .blue-dark-bgBlue Dark Best Practices Blue Light Blue LightWEB: Hex #c0e1ed RGB (192,225,237)PRINT: Pantone 290 CP CMYK 23 0 1 0 CSS Classes: .blue-light .blue-light-bgBlue Light Best Practices Brand Palette Teal TealWEB: Hex #457a82RGB (69,122,130)PRINT: Pantone 5483 CP CMYK 65 11 25 27CSS Classes: .teal .teal-bgTeal Best Practices Brand Palette Teal Dark Teal DarkWEB: Hex #005760RGB (0,87,96)PRINT: Pantone 3165 CP CMYK 100 16 33 66CSS Classes: .teal-dark .teal-dark-bgTeal Dark Best Practices Teal Light Teal LightWEB: Hex #c4e1deRGB (196,225,222)PRINT: Pantone 317 CP CMYK 23 0 10 0 CSS Classes: .teal-light .teal-light-bgTeal Light Best Practices Brand Palette Orange OrangeWEB:Hex #bf5700RGB (191,87,0)PRINT:Pantone 167 CP CMYK 5 77 100 15CSS Classes: .orange .orange-bgOrange Best Practices Brand Palette Orange Mid Orange MidWEB:Hex #eba149RGB (235,161,73)PRINT:Pantone 1495 CP CMYK 0 46 78 0CSS Classes: .orange-mid .orange-mid-bgOrange Mid Best Practices Orange Light Orange LightWEB:Hex #f5d7a5RGB (245,215,165)PRINT:Pantone 155 CP CMYK 0 12 34 0CSS Classes: .orange-light .orange-light-bgOrange Light Best Practices Brand Palette Green GreenWEB:Hex #626e25RGB (98,110,37)PRINT:Pantone 5753 CP CMYK 42 16 80 58CSS Classes: .green .green-bgGreen Best Practices Brand Palette Green Dark Green DarkWEB: Hex #414823RGB (65,72,35)PRINT: Pantone 5747 CP CMYK 50 27 98 76CSS Classes: .green-dark .green-dark-bgGreen Dark Best Practices Green Light Green LightWEB: Hex #c2ca95RGB (194,202,149)PRINT: Pantone 7493 CP CMYK 25 4 44 3CSS Classes: .green-light .green-light-bgGreen Light Best Practices Grayscale Web Color PaletteReady-made grayscale classes to help speed up your design process. Web Color: Grayscale Web Style Guide: Color Gray Light Web Color: #c9cac8 Text Color: .gray-light Background: .gray-light-bg Gray Dark Web Color: #111111 Text Color: .gray-dark Background: .gray-dark-bg Gray Mid Web Color: #767676 Text Color: .gray-mid Background: .gray-mid-bg Black Web Color: #000000 Text Color: .black Background: .black-bg Gray 1 Web Color: #111111 Text Color: .gray-1 Background: .gray-1-bg Gray 2 Web Color: #222222 Text Color: .gray-2 Background: .gray-2-bg Gray 3 Web Color: #333333 Text Color: .gray-3 Background: .gray-3-bg Gray 4 Web Color: #444444 Text Color: .gray-4 Background: .gray-4-bg Gray 5 Web Color: #555555 Text Color: .gray-5 Background: .gray-5-bg Gray 6 Web Color: #666666 Text Color: .gray-6 Background: .gray-6-bg Gray 7 Web Color: #777777 Text Color: .gray-7 Background: .gray-7-bg Gray 8 Web Color: #888888 Text Color: .gray-8 Background: .gray-8-bg Gray 9 Web Color: #999999 Text Color: .gray-9 Background: .gray-9-bg Gray A Web Color: #aaaaaa Text Color: .gray-a Background: .gray-a-bg Gray B Web Color: #bbbbbb Text Color: .gray-b Background: .gray-b-bg Gray C Web Color: #cccccc Text Color: .gray-c Background: .gray-c-bg Gray D Web Color: #dddddd Text Color: .gray-d Background: .gray-d-bg Gray E Web Color: #eeeeee Text Color: .gray-e Background: .gray-e-bg White Web Color: #ffffff Text Color: .white Background: .white-bg Design, Tools & Training Skip Menu Navigate: Select to Navigate... - Web Design Toolkit -- Web Design Toolkit -- Web Accessibility --- What is Web Accessibility? --- Web Accessibility Governance --- Roles and Responsibilities --- Web Project Planning --- Tools, Tests and Resources -- Web Style Guide --- Style Guide --- Web Color --- Typography --- Links & Buttons --- Icons --- HTML Lists --- Tables --- Alerts --- Wells --- Forms --- Video --- Cheatsheet --- UTMB Web 4x --- UTMB Web 3x -- Sitefinity CMS Websites --- Sitefinity Overview --- Widgets / Components ---- Sitefinity Widgets ---- Layout ---- Content Blocks ---- Navigation ---- Images ---- News ---- Blogs ----- Blog Posts ----- Blog Posts Link Card ----- Blog Posts Slider ---- Events ---- Lists ----- Accordion List ----- Anchor List ----- Expandable List ----- Expanded List ----- Link List ----- Link Card List ----- Panel List ----- People List ----- Simple List ----- Tabs List ---- Feature Box ---- Categories & Tags ---- Forms ---- Search ---- CSS, JS and Embed ---- UTMB Web 3x --- Sitefinity Training ---- Sitefinity How-tos ----- Guide ----- Logging in and Site Settings ----- Create Content ----- Templates and Layouts ----- Page Content and Settings ----- Training Video Library -- Non-Sitefinity Web Applications - Social Media Toolkit -- Social Media Toolkit -- Social Media Blog - Video Publishing Toolkit - More Tools & Training -- Additional Tools Overview -- Siteimprove -- Razuna Image Library -- SharePoint and OneDrive -- Mini-URL Link Shortener -- Angelfish Analytics -- Webforms -- Sitefinity Training Web Design Toolkit Web Design Toolkit Web Accessibility What is Web Accessibility? Web Accessibility Governance Roles and Responsibilities Web Project Planning Tools, Tests and Resources Web Style Guide Style Guide Web Color Typography Links & Buttons Icons HTML Lists Tables Alerts Wells Forms Video Cheatsheet UTMB Web 4x UTMB Web 3x Sitefinity CMS Websites Sitefinity Overview Widgets / Components Sitefinity Widgets Layout Content Blocks Navigation Images News Blogs Blog Posts Blog Posts Link Card Blog Posts Slider Events Lists Accordion List Anchor List Expandable List Expanded List Link List Link Card List Panel List People List Simple List Tabs List Feature Box Categories & Tags Forms Search CSS, JS and Embed UTMB Web 3x Sitefinity Training Sitefinity How-tos Guide Logging in and Site Settings Create Content Templates and Layouts Page Content and Settings Training Video Library Non-Sitefinity Web Applications Social Media Toolkit Social Media Toolkit Social Media Blog Video Publishing Toolkit More Tools & Training Additional Tools Overview Siteimprove Razuna Image Library SharePoint and OneDrive Mini-URL Link Shortener Angelfish Analytics Webforms Sitefinity Training