Sun-Kissed Sands
#ffedbc
High-key, peachy green sand for warm UI highlights
About Sun-Kissed Sands
Put this swatch behind a pale product photo and it instantly feels like late-morning sun hitting sand dunes. Sun-Kissed Sands is still light, but it has more body than Solar and less dusty softness than Moon Dance, so it reads as a warm, creamy yellow rather than a near-neutral background.
Compared to Candle in the Wind, it turns a touch more yellow-forward and slightly more saturated, so it doesn't sit at that "agreeable compromise" middle as easily. And unlike Moon Dance's faint green whisper, this one stays firmly in the warm sand lane, which makes it perfect for UI that needs friendliness without drifting into peachy richness. I use it for onboarding screens in wellness and consumer health, recipe and CPG landing pages, and settings panels where you want calm with a little sparkle.
Pair it with deeper olive accents or charcoal type for structure. Next to strong off-whites it can look a bit more "tinted" than expected, so sanity-check with your real typography stack.
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.
