Distant Homeworld
#acdcee
Muted, misty blue for subdued sidebars
About Distant Homeworld
Distant Homeworld sits noticeably warmer and more saturated than Ariel, which means it actually reads as blue instead of almost-white. It's got presence without any of the clinical edge that Breaking the Ice can sometimes carry. You notice it right away on screen, but it still feels approachable, the kind of pale blue that doesn't make you squint or feel like you're looking at sanitized emptiness.
Land it in healthcare dashboards, fintech platforms, and SaaS interfaces where you need something that feels both calm and intentional. Secondary backgrounds, card containers, onboarding screens where a warmer tone builds more trust than that icy-pale direction. It pairs cleanly with dark slate or charcoal without feeling cold, and it holds its color better across different monitor temperatures than its lighter siblings do.
The catch: this warmth means it can drift slightly toward cyan on certain displays. If you're worried about temperature shift, pair it with gray-based text instead of blue-tinted neutrals, and you'll keep the whole system feeling cohesive.
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 Distant Homeworld
Open the generator with this color pre-loaded.
Start creating