Color

The Artsy color palette has been updated to improve the accessibility. Each color has been adjusted to ensure sufficient contrast and has specific roles as to which colors can be used in conjunction with each other.

black100
#000000
black60
#707070
black30
#C2C2C2
black15
#D8D8D8
black10
#E7E7E7
black5
#F7F7F7
blue100
#1023D7
brand
#1023D7
blue10
#E6E7F5
copper100
#7B5927
copper10
#ECE9E3
green100
#127438
green10
#E0EAE4
red100
#C82400
red10
#F4E4E3
white100
#FFFFFF

How to Use

Assuming the component tree has been wrapped in a <Theme> context provider, all color values should be available for use within Palette components. For example:

Banksy
<BorderBox backgroundColor="black5">
  <Text color="brand">Banksy</Text>
</BorderBox>
On this page
How to Use