Fat Fuzzy Color

Usage

There are two color groups:

Theme colors: these are the brand colors of the application or website
Feedback colors: these colors are used to style notifications, form feedback messages and code blocks

Resources

Coming Soon!

Playbook

Base colors

bg:light

bg:dark

Theme colors

primary

surface:0:primary

surface:1:primary

surface:2:primary

surface:3:primary

surface:4:primary

surface:5:primary

accent

surface:0:accent

surface:1:accent

surface:2:accent

surface:3:accent

surface:4:accent

surface:5:accent

highlight

surface:0:highlight

surface:1:highlight

surface:2:highlight

surface:3:highlight

surface:4:highlight

surface:5:highlight

Semantic colors

info

surface:0:info

surface:1:info

surface:2:info

surface:3:info

surface:4:info

surface:5:info

success

surface:0:success

surface:1:success

surface:2:success

surface:3:success

surface:4:success

surface:5:success

warning

surface:0:warning

surface:1:warning

surface:2:warning

surface:3:warning

surface:4:warning

surface:5:warning

danger

surface:0:danger

surface:1:danger

surface:2:danger

surface:3:danger

surface:4:danger

surface:5:danger