Cinder
#242a2e
Cool muted gray with cinder-like depth for UI
About Cinder
Cinder is slightly lighter than Caviar, but the real difference is that it's noticeably warmer, there's a hint of brown undertone that keeps it from feeling like the void. It doesn't disappear the way Caviar does. You'll actually see it.
Reach for this in dark mode editorial layouts, design tools, and media applications where the background needs presence without personality. It sits comfortably under type, secondary elements, and accent colors without the cold mechanical feel of the truly neutral grays. Unlike Artist's Charcoal, it's darker and less inhabited; unlike After Midnight, it's got enough warmth that it reads less sterile without tipping into charcoal territory.
Pair it with clean bright type and saturated accents, the warmth won't muddy your palette. It works harder than it looks because it's actually doing two jobs: dark enough to recede, warm enough to not feel hostile about it.
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.