The main difference between Eggshell and Sand is brightness and saturation: both are yellow shades, but Eggshell is lighter and Eggshell is more saturated. Eggshell (#F0EAD6) has an HSL of 46°, 46%, 89%, whereas Sand (#C2B280) sits at 45°, 35%, 63%.
Eggshell (#F0EAD6) is a very light, moderately saturated yellow with a warm undertone — it feels pale, delicate, gentle and balanced in intensity.
Sand (#C2B280) is a light, muted yellow with a warm undertone — it feels airy, soft, approachable and subdued, sophisticated.
Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.
Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.