fb-pixel
skip to con tent

In this section

Color and Layout

Color Palettes

Within the FIT brand, there are three color palettes that can be used: the Official College Palette, the Spectrum Palette, and the Adaptive Palette. Each has a specific usage context.

» Download complete and detailed Color Guidelines (.pdf)

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility

The school palette defines three key colors that should be used as the central colors. These new colors build on the tradition of the former FIT blue and move toward a more vibrant and expressive color range.

official blue hex code 0 0 3 6 f 9

official blue hex code 1 2 c 4 7 7

official blue hex code f f 2 e a a

official black white and gray

Download the full guide above to learn more about using the Official Palette.

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility

The Spectrum Color Palette introduces a range of almost infinite color combinations to work for text only applications and layouts.

Given the broad options available through this palette, it is important to follow the guidelines closely in order to ensure legibility and visual consistency is achieved.

example of spectrum palette

Download the full guide above to learn more about using the Spectrum Palette.

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility

Unlike the Spectrum Color Palette, the Adaptive Color Palette works only when images are used in layouts and allows for a wider variety of color choices.

example of adaptive palette

example of adaptive palette

Download the full guide above to learn more about using the Adpative Palette.

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility

Graphic Treatments and Layout

Refer to these guidelines for expressive graphic treatments of how to use the FIT button and for examples when creating layouts for college communications.

» Download complete and detailed Graphic Treatment and Layout Guidelines (pdf.)

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility

Create layouts that are adaptive to horizontal and vertical spaces without distorting the button symbol. Though the buttons touch, they should not overlap.

button example 1

button example 1

button example 1

Always treat the button with care. Be mindful to not crop, distort, or severely overlap the button as dilutes the impact of this very important and iconic symbol. Finding the appropriate design balance is the key to a successful execution.

button example 1

button example 1

button example 1

The college’s full name, Fashion Institute of Technology, can be used when necessary, but it should always be in its own space and never be locked up with the master brand wordmark.

The cap-height of Fashion Institute of Technology should match the cap height from the master brand wordmark. If placed underneath the master brand wordmark, as shown below, the Fashion Institute of Technology should always left align to the FIT letters within the button.

layout example 1

A wordmark should never be scaled so that it is larger than the type size of the primary content. It should be considered an important but supportive element in any communication piece.


For most scenarios, the preference is to use the two-line master brand wordmark lock-up. However, if space is a major constraint, the single-line lock-up can be swapped in while still maintaining the ratios shown below.

layout example

Use the Spectrum Palette when the poster is text only.

example of text only poster

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility

Use the Adaptive Color Palette when the poster contains an image.

example of poster with text and photo

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility

Use Spectrum Palette when the postcard is text only.

example of text only postcard

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility

Use the Adaptive Color Palette when the postcard contains an image.

example of postcard with text and photo

NOTE: The colors on this page and in the guidelines are examples. All color combinations must meet the contrast standards for accessibility

©