Colors

Default Colors

Yumma CSS comes with a built-in color system that allows you to easily customize the colors of your elements.

Here’s a range of all the default colors from the Yumma CSS theme.

1

2

3

4

5

6

Base

7

8

9

10

11

12

Red

Orange

Yellow

Green

Teal

Cyan

Blue

Indigo

Violet

Pink

Lead

Gray

Silver

Using color utilities

Here’s an example of how to use the color system to style a button:

Subscribe Subscribe

<div class="d-g cg-4 gtc-2">
  <button class="b-0 bg-indigo-4 fw-600 px-5 py-1 rad-1 tc-black">Subscribe</button>
  <button class="b-0 bg-indigo-9 fw-600 px-5 py-1 rad-1 tc-white">Subscribe</button>
</div>