Hot Beach
#fff6d9
Warmer golden-beige for sunlit cards and panels
About Hot Beach
I keep coming back to Hot Beach when I want a warm background that feels sunlit, not creamy. Compared to Cornsilk, it's a touch deeper and more present, so it won't disappear under long-form layouts. And next to Buttermelon, it reads less gentle and more energized, with a slightly richer yellow undertone that stays readable instead of turning whisper-soft.
This shade is great in publishing platforms and documentation sites where you still want the page to breathe. It also pulls its weight in marketing collateral and e-commerce for product pages, especially when you're pairing light typography with photos that have skin tones or sandy highlights. It feels like a "worked background," the kind that supports without flattening.
One quirk: if you stack it with very cool grays, it can look a little more assertive than you expect. I like it with warm neutrals when I need that heat to feel controlled, not loud.
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.