⚠️This version of Waffles Design System is no longer maintained, and was deprecated at the end of 2022. It's main repository is archived. Please migrate your app to the New Waffles.
design
Colors
All the hues you could ever need.
Brand Colors
The DataCamp brand colors are listed below, with their resepective hex codes. If you are wanting to use these colors in an application, check out the tokens package. For more details on usage, check the full brand guidelines.
Primary
- green#03ef62
- navy#05192d
Secondary
- blue#06bdfc
- red#ff5400
- orange#ff931e
- purple#7933ff
- pink#ff6ea9
- yellow#fcce0d
Neutral
- beige100#fffbf3
- beige200#f7f3eb
- beige300#efebe4
- beige400#e5e1da
- grey100#f7f7fc
- grey200#efefef
- grey300#e8e8ea
- grey400#d9d9e2