White Beach
#f5efe5
Softer, sand-warm off-white for airy layouts
About White Beach
I think of White Beach as the "light sand" version of off-white. Put it beside Birch White and you feel it immediately: this one reads more noticeably warm and more gray at the same time, not a cool whisper. Compared to Fresh Snow, it doesn't skate right up to white. It keeps its softness as a true pale gray with a gentle beige tilt.
I use it when I want warmer than pure white but I still need a calm canvas that works harder than it looks. It's great for publishing layouts, SaaS interfaces, and long-form editorial where you want dark text to stay crisp without the background feeling chalky. Photography holds its contrast better too, especially when your images have warm highlights.
Quirk: on some screens it can drift toward creamier beige than you expect, so sanity-check it with your real body text and a couple of hero images before you commit it to large surfaces. Pairing it with soft taupe and charcoal gray keeps the mood consistent.
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.