Hyper Light Drifter
#eddbda
Pale gray-lilac wash with cool, clean lift
About Hyper Light Drifter
On my monitor, Hyper Light Drifter reads like a clean, icy fog. It's not the eggshell warmth you get from Butterfly Kisses, and it doesn't carry that slightly more intentional presence Fresco has. Instead, this one feels cooler and airier, with a faint gray-blue lean that keeps it from drifting into pink or peach.
I use it for product interfaces, editorial layouts, and reading apps when I need a light backdrop that stays calm under dense type. It holds whitespace without flirting with near-white, so body copy stays legible without the background trying to be part of the story. Compared to Hint of Red, it's less warm and less rosy, so it won't add that whisper of heat around forms.
Pair it with warmer grays only if you want a softer UI edge; otherwise, keep your accents restrained so the cool undertone stays crisp, not sterile.
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.
Similar colors
Create a gradient with Hyper Light Drifter
Open the generator with this color pre-loaded.
Start creating