Tropical Dream
#d9eae5
Tropical hint, cooler gray base for airy panels
About Tropical Dream
Tropical Dream is the kind of light gray that looks like a softly lit sheet of paper left near a window, but it never turns icy or misty. Compared with Icelandic Winter, it's less crisp and less disciplined, and it doesn't carry that sharper blue-cool neutrality. Against Homoeopathic Blue, it feels warmer and more muted, with a gentle green-leaning calm instead of a more present blue undertone. And where Light Spirited stays airy and almost sea-glass, Tropical Dream holds onto a steadier gray backbone.
I use it for light UI layers when you want the page to feel warm calm without going creamy, especially behind dense content. It's great for dashboards and finance apps where cards need to recede, forms need breathing room, and secondary navigation shouldn't look chilly. It also works well for e-commerce ops panels, logistics trackers, and healthcare intake screens when your imagery is neutral and you want the background to stay friendly, not bluish.
Quirk: because it's slightly warmer than the nearby cool grays, it can make cooler accent palettes look a touch dim unless you push contrast with a cleaner white or a darker gray surface.
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.