Colors
Rapid visual prototyping
The Palette
Property group | Applies to |
---|---|
|
|
Pollen's color palette is designed for rapid prototyping as a better alternative to browser defaults, and to be extended as your project evolves.
Each color has a family of shades ranging from 300
(light) to 700
(dark), as well as an extended greyscale. The unsuffixed color (eg: --color-red
) in each family is an alias for median in that family (eg: --color-red-500
).
Greyscale
Property | Value |
---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Red
Property | Value |
---|---|
|
|
|
|
|
|
|
|
Green
Variable | Value |
---|---|
|
|
|
|
|
|
|
|
Blue
Variable | Value |
---|---|
|
|
|
|
|
|
|
|
Pink
Property | Value |
---|---|
|
|
|
|
|
|
|
|
Purple
Property | Value |
---|---|
|
|
|
|
|
|
|
|
Teal
Property | Value |
---|---|
|
|
|
|
|
|
|
|
Yellow
Property | Value |
---|---|
|
|
|
|
|
|
|
|
Orange
Property | Value |
---|---|
|
|
|
|
|
|
|
|
Brown
Property | Value |
---|---|
|
|
|
|
|
|
|
|
Last updated