Approved Web Colors
This page was generated by an automated build system. The latest commit in this directory was created by: trevors@uark.edu
These colors are approved for text overlay only at the sizes and colors defined to maintain compliance with the WCAG 2.0 guidelines.
- AA designated text overlay must be 18px minimum.
- AAA designated text overlay must be 12px minimum.
- HEX (#) colors should be used when designing websites.
- CMYK colors should be used when designing for 4-color printing.
- RGB colors should be used when designing graphics for digital signage and projection. Photos and graphics should also be converted to RGB for web use.
For your convenience, you can download the UARK Web Colors Adobe Swatch Exchange file. InDesign, Illustrator and Photoshop all support the exchange of colors via ASE files. In the swatches dialogue box, select "open swatch library" from the hamburger menu and select the UARK-Web-Colors.ase file.
Please refer to this website example as a guide for using complimentary colors on the web properly.
To assist copying HEX codes and CSS class names, clicking a color code or class name will highlight the text and copy the value to your clipboard.
Primary Colors
Approved primary colors and text overlays appear below. The application of these specific colors will create a strong and consistent brand identity for the university.
Razorback Red
#9D2235
.bg-razorback-red, .text-razorback-red
AAA (12px minimum):
- FFFFFF .text-apple-blossom
AA (18px minimum):
- D5EAE9 .text-pale-dawn
- F2F2F4 .text-quartz
Apple Blossom
#FFFFFF
.bg-apple-blossom, .text-apple-blossom
AAA (12px minimum):
- 000000 .text-black-whetstone
- 9D2235 .text-razorback-red
- 424242 .text-spoofers-stone
- 2F1332 .text-birdsfoot-violet
- 2B5269 .text-diana-butterfly
- 611327 .text-old-main
AA (18px minimum):
- 007698 .text-kings-river
- 655765 .text-spiderwort
- 3F7F7F .text-ozark-mountains
- 707A33 .text-founders-walk
- 655765 .text-spiderwort
Quartz
#F2F2F4
.bg-quartz, .text-quartz
AAA (12px minimum):
- 000000 .text-black-whetstone
- 424242 .text-spoofers-stone
- 2F1332 .text-birdsfoot-violet
- 2B5269 .text-diana-butterfly
- 611327 .text-old-main-brick
AA (18px minimum):
- 9D2235 .text-razorback-red
- 007698 .text-kings-river
- 655765 .text-spiderwort
Gray Squirrel
#C7C8CA
.bg-gray-squirrel, .text-gray-squirrel
AAA (12px minimum):
- 000000 .text-black-whetstone
- 2F1332 .text-birdsfoot-violet
- 611327 .text-old-main-brick
AA (18px minimum):
- 9D2235 .text-razorback-red
- 424242 .text-spoofers-stone
- 2B5269.text-diana-butterfly
Spoofer's Stone
#424242
.bg-spoofers-stone, .text-spoofers-stone
AAA (12px minimum):
- FFFFFF .text-apple-blossom
- D5EAE9 .text-pale-dawn
AA (18px minimum):
- DBC759 .text-fall-maple
- DDDCC5 .text-white-river-sand
- 68C1BE .text-blue-winged-teal
- 9DC9D5 .text-summer-sky
- C7C8CA .text-gray-squirrel
Black Whetstone
#000000
.bg-black-whetstone, .text-black-whetstone
AAA (12px minimum):
- FFFFFF .text-apple-blossom
- D5EAE9 .text-pale-dawn
- DDDCC5 .text-white-river-sand
- 68C1BE .text-blue-winged-teal
- 9DC9D5 .text-summer-sky
- C7C8CA .text-gray-squirrel
Secondary Colors
Approved secondary colors and text overlays appear below. These colors may be used to enhance a design but should not dominate it. It is important to maintain a sense of hierarchy, balance and harmony when using the UARK web color palette. Our color system is flexible, but please use restraint. Unique and exciting color palettes can be created from as few as one or two colors in addition to the primary palette.
Diana Butterfly
#2B5269
.bg-diana-butterfly, .text-diana-butterfly
AAA (12px minimum):
- FFFFFF .text-apple-blossom
AA (18px minimum):
- D5EAE9 .text-pale-dawn
- DDDCC5 .text-white-river-sand
- C7C8CA .text-gray-squirrel
Ozark Mountains
#3F7F7F
.bg-ozark-mountains, .text-ozark-mountains
AA (18px minimum):
- FFFFFF .text-apple-blossom
Birdsfoot Violet
#2F1332
.bg-birdsfoot-violet, .text-birdsfoot-violet
AAA (12px minimum):
- FFFFFF .text-apple-blossom
- D5EAE9 .text-pale-dawn
- DDDCC5 .text-white-river-sand
- 68C1BE .text-blue-winged-teal
- 9DC9D5 .text-summer-sky
- C7C8CA .text-gray-squirrel
Kings River
#007698
.bg-kings-river, .text-kings-river
AA (18px minimum):
- FFFFFF .text-apple-blossom
Founders Walk
#707A33
.bg-founders-walk, .text-founders-walk
AA (18px minimum):
- FFFFFF .text-apple-blossom
Pale Dawn
#D5EAE9
.bg-pale-dawn, .text-pale-dawn
AAA (12px minimum):
- 000000 .text-black-whetstone
- 424242 .text-spoofers-stone
- 2F1332 .text-birdsfoot-violet
- 611327 .text-old-main-brick
AA (18px minimum):
- 9D2235 .text-razorback-red
- 2B5269 .text-diana-butterfly
- 655765 .text-spiderwort
Spiderwort
#655765
.bg-spiderwort, .text-spiderwort
AA (18px minimum):
- FFFFFF .text-apple-blossom
- D5EAE9 .text-pale-dawn
Fall Maple
#DBC759
.bg-fall-maple, .text-fall-maple
AAA (12px minimum):
- 2F1332 .text-birdsfoot-violet
- 000000 .text-black-whetstone
AA (18px minimum):
- 424242 .text-spoofers-stone
White River Sand
#DDDCC5
.bg-white-river-sand, .text-white-river-sand
AAA (12px minimum):
- 000000 .text-black-whetstone
- 424242 .text-spoofers-stone
- 2F1332 .text-birdsfoot-violet
- 611327 .text-old-main-brick
AA (18px minimum):
- 9D2235 .text-razorback-red
- 2B5269 .text-diana-butterfly
Blue Winged Teal
#68C1BE
.bg-blue-winged-teal, .text-blue-winged-teal
AA (18px minimum):
- 000000 .text-black-whetstone
Summer Sky
#9DC9D5
.bg-summer-sky, .text-summer-sky
AAA (12px minimum):
- 000000 .text-black-whetstone
- 2F1332 .text-birdsfoot-violet
- 611327 .text-old-main-brick
Arkansas Marvel
#CA6A29
.bg-arkansas-marvel
AA (18px minimum):
- 000000 .text-black-whetstone
Old Main Brick
#611327
.bg-old-main-brick, .text-old-main-brick
AAA (12px minimum):
- FFFFFF .text-apple-blossom
- D5EAE9 .text-pale-dawn
- DBC759 .text-fall-maple
- DDDCC5 .text-white-river-sand
- 9DC9D5 .text-summer-sky
- C7C8CA .text-gray-squirrel