Back to palettes

Palette

Celestial Oasis Dream

A refreshing vision of cool blues and teals, like a vibrant, watery oasis floating in cosmic tranquility.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Oasis Dream reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Celestial Oasis Dream.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#ADD8E6#B0E0E6#87CEFA#4682B4#20B2AA

Palette guide

How to use Celestial Oasis Dream

Overview

The Celestial Oasis Dream palette is a refreshing and serene collection of cool blues and teals, evoking a tranquil, watery oasis floating in cosmic peace. Ranging from the very light #ADD8E6 to the deeper #4682B4, with a vibrant teal accent #20B2AA, this palette is perfect for creating calming and inviting designs. Designers can leverage its gentle hues for a sense of relaxation and clarity, ideal for interfaces that prioritize user comfort. Developers will find these distinct hex codes useful for crafting soft gradients, clean backgrounds, and readable text, contributing to a harmonious and dreamy user experience.

Best used for

  • Spa and wellness websites or apps
  • Environmental or conservation initiatives
  • Baby products or children's educational content
  • Travel agencies specializing in serene destinations
  • Meditation or mindfulness platforms
  • Healthcare interfaces for a calming effect

Suggested color roles

primary

#87CEFA provides a clear, inviting sky blue, suitable for main content areas or brand identity.

secondary

#4682B4 offers a deeper, more grounded blue for supporting sections, footers, or stronger visual elements.

accent

#20B2AA is a vibrant, refreshing teal, perfect for calls-to-action, interactive elements, or key visual highlights.

background

#ADD8E6 or #B0E0E6 create a very light, airy, and expansive canvas.

text

Use a dark color like charcoal or black on light backgrounds. For darker elements, use white or a very light blue from the palette.

Accessibility notes

  • Ensure dark text (e.g., black or charcoal) has sufficient contrast on #ADD8E6, #B0E0E6, and #87CEFA.
  • Avoid using #ADD8E6 or #B0E0E6 for small text on any light background as contrast will be poor.
  • #4682B4 text will have good contrast on #ADD8E6 and #B0E0E6.
  • Verify all interactive elements meet WCAG contrast guidelines, especially the teal accent on lighter blues.

Recommended combinations

Oasis Calm

Ideal for clean, fresh interfaces, combining light blues with a vibrant, refreshing teal accent.

#ADD8E6 · #87CEFA · #20B2AA

Deep Serenity

Excellent for main content blocks, providing depth with a striking teal highlight.

#B0E0E6 · #4682B4 · #20B2AA

Sky & Water

Suitable for gradients or visual elements that transition smoothly from light to deep blues.

#ADD8E6 · #87CEFA · #4682B4

CSS variables

:root {
  --celestial-oasis-dream-1: #ADD8E6;
  --celestial-oasis-dream-2: #B0E0E6;
  --celestial-oasis-dream-3: #87CEFA;
  --celestial-oasis-dream-4: #4682B4;
  --celestial-oasis-dream-5: #20B2AA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-oasis-dream": {
        1: "#ADD8E6",
        2: "#B0E0E6",
        3: "#87CEFA",
        4: "#4682B4",
        5: "#20B2AA",
      }
    }
  }
}

Related searches

calming blue green paletteserene aqua colorsdreamy UI designcelestial water themerefreshing brand colors

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#B0E0E6
·
Color 3#87CEFA
·
Color 4#4682B4
·
Color 5#20B2AA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
2.7:1Fail
1.7:1Fail
2
1.1:1Fail
1.2:1Fail
2.9:1Fail
1.8:1Fail
3
1.1:1Fail
1.2:1Fail
2.4:1Fail
1.5:1Fail
4
2.7:1Fail
2.9:1Fail
2.4:1Fail
1.6:1Fail
5
1.7:1Fail
1.8:1Fail
1.5:1Fail
1.6:1Fail

Similar palettes

More like Celestial Oasis Dream

View all cool
Aquatic Coral Garden
Aquatic Moss Garden
Arctic Northern Bloom
Celestial Ocean Gaze
Celestial Shimmer
Cerulean Coastline Calm