Colors

Description

A summary of colors used on circleci.com


Colors

In our design guide and in the codebase

Preview Name Variable Hex
Black $black #161616
Light Black $gray-darker #555555
Dark Gray $gray-dark #898989
Gray $gray #D8D8D8
Light Gray $white-dark #F3F3F3
White $white #FFFFFF
Dark Green $green #04AA51
Dark Blue $blue-dark #27A0B6
Blue $blue #36D4ED

Not our design guide, but yes in the codebase

Preview Name Variable Hex
Dark green $green-dark #084D27
Light green $green-light #2ABD4A
Lightest green $green-lightest #81D135
Light blue $blue-light #85F3FF
Lightest blue $blue-lightest #F5FDFE
Black 300 $black-300 #272727
Light black $black-light #343434
Light gray $gray-lighter #F8F8F8

In our design guide but not in the codebase

Preview Name Variable Hex
Green $do-non-use_green-dark #1CBF43
Light Green $do-non-use_green-light #63C935