Loading
/custom-emojis/emojis/contour-map.png
Templates
📚
Articles & Resources
📖
Guides & Support
🎖️
Bounty Program
🌵
CalcTree

Colors

Default Palette



Hex codes

  1. #5AC990
  2. #A6BEDE
  3. #3076FF
  4. #FF6B57
  5. #ECB832
  6. #EC8032
  7. #8357FF
  8. #AB57FF
  9. #30C6DB
  10. #FF57E4

Sample python code in 'code source'
Can’t display the image because of an internal error. Our team is looking at the issue.




Monochrome

  1. Use a monochromatic palette if there are many colors in one chart.


Hex codes

  1. #5AC990
  2. #84D7AC
  3. #A3E1C1
  4. #C1EBD6
  5. #DEF4E9

Sample python code in 'code source (1)'
Can’t display the image because of an internal error. Our team is looking at the issue.



Neutral



Hex codes

  1. #6B7280
  2. #A3A8B0
  3. #C1C4CA
  4. #D0D2D6
  5. #DFE0E3

Sample python code in 'code source (2)'
Can’t display the image because of an internal error. Our team is looking at the issue.



Areas of focus

  1. Please do not use a substantial amount of color highlights, as they can distract focus
  1. Use a combination of color highlights and neutral colors to provide contrast and emphasis

Usage example


Typography


Scale category
  1. Axis labels
  1. Tooltip title
Tooltip subtitle
  1. Legend labels
  2. Caption
Font
Work sans - Regular
Work sans - Bold
Work sans - Regular
Work sans - Regular
Work sans - Regular
Size
12 px
12 px
12 px
12 px
14 px