---
title: "Core — color"
canonical: https://sky-ui.cf.sky.com/core/system/color
---

# Core — color

Applying the `color` system modifier to your component will allow consumers of your component to pass in the following props:

| Property | Type | Description |
| --- | --- | --- |
| `$color` | [colors](/foundations/colours) | Applies a color to the text |
| `$colorGradient` | [gradients](/foundations/gradients) | Applies a gradient to the text |