Design Palette

Tower Style Guide

Color Palette

The primary and secondary color palettes for Tower are:

Gray Palette

RGB: 66/66/66

#424242

MD: grey 800

$grey-vd

RGB: 117/117/117

#757575

MD: grey 600

$grey-dk

RGB: 189/189/189

#BDBDBD

MD: grey 400

$grey

RGB: 238/238/238

#EEEEEE

MD: grey 200

$grey-vl

Primary Palette

RGB: 77/208/225

#4DD0E1

MD: cyan 300

$primary

RGB: 0/172/193

#00ACC1

MD: cyan 600

$primary-med

RGB: 0/131/143

#00838F

MD: cyan 800

$primary-dk

RGB: 77/182/172

#4DB6AC

MD: teal 300

$teal

RGB: 0/137/123

#00897B

MD: teal 600

$teal-dk

RGB: 102/187/106

#66BB6A

MD: green 400

$secondary

RGB: 67/160/71

#38A242

MD: green 600

$secondary-med

RGB: 46/125/50

#2E7D32

MD: green 800

$secondary-dk

Alternate Palette

RGB: 253/216/53

#FDD835

MD: yellow 600

$options

RGB: 255/179/0

#FFB300

MD: amber 600

$caution

RGB: 244/67/54

#F44336

MD: red 500

$warning

RGB: 33/150/243

#0088B5

x

$blue

MD = Google Material Design colors