freeCodeCamp/guide/english/certifications/responsive-web-design/basic-css/create-a-custom-css-variable/index.md

---
title: Create a custom CSS Variable
---
## Create a custom CSS Variable

<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds  -->
We need to create a variable name ```--penguin-skin``` and give it a value of ```gray``` in the ```penguin``` class.

### Example

```css
--variable-name: value;
```

### Solution

In the ```penguin``` class we create a variable name ```--penguin-skin``` and give it a value of ```gray```:

```css
--penguin-skin: gray;
```