Isle of Dreams
#bcccb5
Dreamy pale green with soft, airy warmth
About Isle of Dreams
I keep seeing Isle of Dreams in mockups that want "green, but gentler," and this one actually delivers. It reads lighter than those grayer greens nearby, with more life than Camping Grounds, yet it never tips into the yellow optimism of Bok Choy or Big Spender.
This shade feels like a soft, misty plant leaf caught in daylight. I like it for dashboards and finance apps where you need calm panels and filter areas that won't compete with charts. It also holds up in health and logistics UIs for secondary backgrounds, empty states, and subtle status surfaces, especially when the typography is dark and you want a fresher backdrop than In Good Taste.
Quirk: because it's relatively light and slightly cooler, it can wash out against very bright whites. I usually anchor it with deeper green UI elements or charcoal text to keep the hierarchy crisp.
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.