Caviar
#2b2c30
Near-black neutral gray for grounded, high-contrast UI
About Caviar
Caviar is darker than everything around it in this family, but it doesn't read as black, there's just enough gray structure to feel deliberate instead of absolute. It sits noticeably cooler than Artist's Charcoal or After Midnight, without the purple undertone that creeps into some of the other deep neutrals. This is the gray that actually disappears.
Use it in dark mode applications where the background genuinely needs to recede: code editors with dense syntax highlighting, data dashboards, media players, preference panels. It's dark enough that you can layer lighter grays and type over it without any contrast struggle, but it won't fight for space the way a warmer charcoal might. Coal Hard Truth is its mechanical cousin; Caviar just feels a touch more refined, a bit less stark.
Pair it with clean white or cool-toned type and saturated accent colors. Because there's almost no warmth here, it won't impose a mood on your interface, that neutrality is the whole point. The trade-off is that it's almost too invisible; make sure your hierarchy is doing the real work.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.