Approved Web Colors

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.

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
TODO: include site footer