Back to palettes

Palette

Teal Oasis Deep

Rich, deep teal and aqua hues mirroring serene, crystal-clear waters in a secluded desert oasis.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Teal Oasis Deep 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 Teal Oasis Deep.

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

Data visualization

#E0F2F7#B2D8DA#84BFC2#56A6AB#288D93

Palette guide

How to use Teal Oasis Deep

Overview

The Teal Oasis Deep palette offers a serene and sophisticated collection of cool hues, reminiscent of tranquil, crystal-clear waters. This palette, featuring shades like the airy #E0F2F7, the soothing #B2D8DA, and the rich #288D93, provides designers and developers with a versatile foundation for creating calming and refreshing digital experiences. Its deep teal and aqua tones are ideal for projects aiming for a sense of peace, natural elegance, or understated luxury. The progression from light to deep teal allows for dynamic visual hierarchy, ensuring readability and visual interest across various UI elements and branding applications. This harmonious blend evokes a sense of escape and tranquility.

Best used for

  • Spa and wellness brand websites
  • Nature-themed mobile applications
  • Luxury resort marketing materials
  • Interior design inspiration platforms
  • Environmental non-profit digital campaigns
  • Calming meditation apps

Suggested color roles

primary

Use #56A6AB as a strong, grounding primary color for headers, main navigation, or calls-to-action, conveying stability.

secondary

#84BFC2 provides a balanced secondary shade, excellent for subheadings, active states, or background sections that need more depth.

accent

#288D93 works as a deep, impactful accent for critical buttons, interactive elements, or key visual highlights, adding sophistication.

background

#E0F2F7 offers a light, airy base, perfect for clean main backgrounds, providing excellent contrast for darker text and elements.

text

A dark charcoal or black on #E0F2F7 or #B2D8DA ensures high readability. For dark backgrounds like #288D93, use a near-white like #E0F2F7.

Accessibility notes

  • Ensure sufficient contrast between #288D93 and #E0F2F7 for large text and UI elements.
  • Avoid using #B2D8DA for small text on #E0F2F7, as contrast may be insufficient for accessibility.
  • The darkest color, #288D93, provides good contrast against the two lightest colors for readable body text.
  • Use a color contrast checker for all text and interactive elements to meet WCAG guidelines.

Recommended combinations

Aqua Calm

Ideal for tranquil website sections, subtle gradients, or soft branding elements.

#E0F2F7 · #B2D8DA · #56A6AB

Deep Serenity

Suitable for impactful hero sections, dark mode themes, or sophisticated data visualizations.

#84BFC2 · #56A6AB · #288D93

Oasis Contrast

Effective for clear information hierarchy, with light background, dark calls-to-action, and supporting elements.

#E0F2F7 · #288D93 · #B2D8DA

CSS variables

:root {
  --teal-oasis-deep-1: #E0F2F7;
  --teal-oasis-deep-2: #B2D8DA;
  --teal-oasis-deep-3: #84BFC2;
  --teal-oasis-deep-4: #56A6AB;
  --teal-oasis-deep-5: #288D93;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "teal-oasis-deep": {
        1: "#E0F2F7",
        2: "#B2D8DA",
        3: "#84BFC2",
        4: "#56A6AB",
        5: "#288D93",
      }
    }
  }
}

Related searches

deep teal color schemecalm aqua paletteserene water colorstropical oasis brandingcool blue green web design

Palette colors

Hex values

Color 1#E0F2F7
·
Color 2#B2D8DA
·
Color 3#84BFC2
·
Color 4#56A6AB
·
Color 5#288D93
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.4:1Fail
3.4:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.6:1Fail
3
1.8:1Fail
1.3:1Fail
1.4:1Fail
1.9:1Fail
4
2.4:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
3.4:1AA18
2.6:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Teal Oasis Deep

View all cool
Emerald Lagoon Depths
Azure Abyss Calm
Azure Canopy Light
Azure Reef Currents
Calm Lagoon
Coastal Reef Haven