Primary
rgb(247, 247, 247)
Neutral
Mono Graphite Color Palette
A pure grayscale system for focused interfaces. Re-select individual colors or adjust brightness, saturation, and warmth across the palette.
Secondary
rgb(230, 230, 230)
Accent
rgb(163, 163, 163)
Deep
rgb(82, 82, 82)
Light
rgb(23, 23, 23)
Adjust palette
Tune the full palette while keeping individual color choices editable.
Export for design and code
Download a palette image or copy CSS generated from the current adjusted colors.
Palette PNG Preview
#F7F7F7#E6E6E6#A3A3A3#525252#171717
Linear Gradient Preview
Preview of the gradient background generated from this palette.
Mono Graphite CSS
/* CSS */
.color-1 {
color: #F7F7F7;
}
.color-2 {
color: #E6E6E6;
}
.color-3 {
color: #A3A3A3;
}
.color-4 {
color: #525252;
}
.color-5 {
color: #171717;
}
/* CSS Variables */
:root {
--color-1: #F7F7F7;
--color-2: #E6E6E6;
--color-3: #A3A3A3;
--color-4: #525252;
--color-5: #171717;
}Mono Graphite Linear Gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #F7F7F7, #E6E6E6, #A3A3A3, #525252, #171717);
}