> For the complete documentation index, see [llms.txt](https://nenjo-tsu.gitbook.io/bilbo-ui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nenjo-tsu.gitbook.io/bilbo-ui/src/core/colors.md).

# colors

@# Colors

Construct-ui provides a set of colors based on the [2014 Material Design color spec](https://material.io/design/color/the-color-system.html#tools-for-picking-colors).

Colors can be used in your JS code like so:

```javascript
import { Colors } from 'construct-ui'; 

m('', { style: { color: Colors.RED100 }})
```

Sass variables can also be used:

```
@import '~construct-ui/lib/scss/variables';

.red {
  color: $red100
}
```

@example ColorsExample