Monochrome Palette
Grayscale palette for minimalist designs
Color Swatches
#111111rgb(17, 17, 17)
#333333rgb(51, 51, 51)
#555555rgb(85, 85, 85)
#888888rgb(136, 136, 136)
#BBBBBBrgb(187, 187, 187)
CSS Variables
:root {
--palette-1: #111111;
--palette-2: #333333;
--palette-3: #555555;
--palette-4: #888888;
--palette-5: #BBBBBB;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#111111",
2: "#333333",
3: "#555555",
4: "#888888",
5: "#BBBBBB",
},
},
},
},Usage Suggestions
- • Use as primary/secondary/accent colors in UI components
- • Apply for backgrounds, borders, and text contrast
- • Export to design tools (Figma, Sketch) via hex values
- • Combine with our Color Contrast Checker for accessibility