Building The History of Twilight

Visual Design Guide

Brand Colors

These are the existing brand colors used by Twilight which we incorporated into all edits and content we have created.

Primary Colors

Twilight Blue

HEX: #213885

RGB: 33 / 56 / 133

CMYK: 100 / 88 / 0 / 14

Citrus Cycle

HEX: #DB6437

RGB: 219 / 100 / 55

CMYK: 2 / 80 / 100 / 0

Gambler Green

HEX: #228D73

RGB: 34 / 141 / 115

CMYK: 82 / 24 / 65 / 5

Bright Yellow

HEX: #FFC808

RGB: 255 / 200 / 8

CMYK: 0 / 22 / 100 / 0

Secondary Colors

Asphalt Black

HEX: #313232

RGB: 49 / 50 / 50

CMYK: 2 / 0 / 0 / 80

Criterium Grey

HEX: #9A9992

RGB: 154 / 153 / 146

CMYK: 0 / 1 / 5 / 40

Laces White

HEX: #FFFFFF

RGB: 255 / 255 / 255

CMYK: 0 / 0 / 0 / 0

Primary Logo

The logo mark must always appear as the complete lockup, including the Twilight text, event title, and presenting sponsor names. The Twilight text may not be used independently unless it appears within an approved co-branded logo that includes the sponsor’s full official logo.

Twilight Multicolored Logo

We chose this multicolored logo as the primary mark on the year-round website because it’s visually engaging and unifies the site’s full color palette.