Portfolio (Clarest Health, Color)

Michael Gregoire

Color

Color in Promenade is organized into seven families — brand, primary, four utility, and neutral. Utility and neutral are built on a eleven-step ladder for maximum flexibility and so that contrast and accessibility can be reasoned about systematically.

Brand

#4984C3

#2D486B

Primary

#F8F8F9

#131C22

Utility — Info

#E5EEF5

#CADEEC

#B0CDE2

#86B3D2

#5C98C2

#327EB3

#0863A3

#075287

#05416C

#043150

#032034

Utility — Success

#E7EEE8

#CFDCD1

#B7CBBA

#91B095

#6B9470

#44794B

#1E5D26

#194D20

#143D19

#0F2E13

#0A1E0C

Utility — Warning

#FFF5E7

#FFEACE

#FFE0B6

#FFCF8F

#FFBE68

#FFAE41

#FF9D1A

#D48216

#A86811

#7D4D0D

#523208

Utility — Danger

#F5E7E7

#ECCFCF

#E2B7B7

#D29191

#C26B6B

#B34545

#A31F1F

#871A1A

#6C1414

#500F0F

#340A0A

Neutral

#F0F0F1

#E7E7E9

#DFDFE1

#C6C6C9

#ADAEB2

#95979C

#7D8086

#666A70

#50555B

#3B4147

#262E34