Diamond
#faf7e2
Warm pearled gray-beige that reads lighter than cornsilk
About Diamond
Diamond is what you get when you strip warmth down to almost nothing without going cold. It's lighter than Au Clair de la Lune, less yellow than Buttermelon, and it sits in that narrow space where a background can feel considered without feeling like it's trying. The kind of color that disappears into the work instead of announcing itself.
You'll land here in minimal interfaces and long-form reading, documentation sites, editorial layouts, SaaS platforms where the palette skews cool or neutral. It works in financial dashboards and publishing tools where you need something that reads as intentional but stays quiet. Pair it with dark type and it gets out of the way. Pair it with cool grays and it supports without fussing. It's forgiving in a way the warmer grays aren't, because there's almost no undertone to fight with.
The catch: it's close enough to white that on some displays it vanishes entirely. Test it live before you commit. If your palette leans warm, this one might read too cool and feel like an accident instead of a choice.
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.