Back to palettes

Palette

Mermaid Tail Shimmer

Enchanting blues and greens evoke the ethereal shimmer of a mythical mermaid's tail.

coolplayful5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mermaid Tail Shimmer 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 Mermaid Tail Shimmer.

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

Data visualization

#A2E9E6#75C3BC#4FA096#357A72#235B53

Palette guide

How to use Mermaid Tail Shimmer

Overview

The Mermaid Tail Shimmer palette (Version 2) is a captivating collection of enchanting teal shades, designed to evoke the ethereal shimmer of a mythical mermaid's tail beneath the ocean. Ranging from the light #A2E9E6 to the very deep #235B53, alongside #75C3BC (Medium Teal) and #4FA096 (Darker Teal), this palette is perfect for projects seeking a mystical, refreshing, and playful aquatic aesthetic. Designers and developers can leverage its cool, harmonious gradient to create immersive digital experiences, whimsical branding, or serene visual content that transports users to an underwater world.

Best used for

  • Fantasy-themed branding and illustrations
  • Children's book illustrations and product design
  • Aquatic-themed websites and mobile apps
  • Spa and wellness branding for relaxation
  • Playful digital interfaces and game design
  • Environmental or ocean conservation campaigns

Suggested color roles

primary

Use #4FA096 as a balanced primary, offering a grounding teal that's versatile for main content or backgrounds.

secondary

Employ #A2E9E6 for secondary elements or highlights, providing a light, shimmering touch that catches the eye.

accent

Apply #235B53 as a deep, mysterious accent for important details, strong calls to action, or dramatic contrast.

background

Utilize #A2E9E6 for light, airy backgrounds, creating a refreshing and expansive canvas.

text

For primary text, #235B53 offers excellent readability; use white or a very light gray for text on darker teal backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text on lighter shades like #A2E9E6; #235B53 or #357A72 are suitable for body text.
  • When using darker teals as backgrounds (e.g., #235B53), white or a very light gray text is necessary for readability.
  • Avoid using #75C3BC for small text on #A2E9E6 due to potentially low contrast for some users.
  • Provide clear visual cues for interactive elements, especially if using similar teal shades for different states.

Recommended combinations

Shimmering Depths

Ideal for creating a smooth, shimmering gradient effect in backgrounds, hero images, or artistic illustrations.

#A2E9E6 · #75C3BC · #357A72

Oceanic Contrast

Perfect for establishing strong visual hierarchy, suitable for bold headlines on light backgrounds or dark mode interfaces.

#235B53 · #A2E9E6 · #4FA096

Mystic Blend

Great for conveying a sense of deep ocean mystery, suitable for textured backgrounds or sophisticated graphic elements.

#75C3BC · #4FA096 · #235B53

CSS variables

:root {
  --mermaid-tail-shimmer-2-1: #A2E9E6;
  --mermaid-tail-shimmer-2-2: #75C3BC;
  --mermaid-tail-shimmer-2-3: #4FA096;
  --mermaid-tail-shimmer-2-4: #357A72;
  --mermaid-tail-shimmer-2-5: #235B53;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mermaid-tail-shimmer-2": {
        1: "#A2E9E6",
        2: "#75C3BC",
        3: "#4FA096",
        4: "#357A72",
        5: "#235B53",
      }
    }
  }
}

Related searches

mermaid color schemeteal gradient paletteocean fantasy colorsshimmering cool tonesaquatic design

Palette colors

Hex values

Color 1#A2E9E6
·
Color 2#75C3BC
·
Color 3#4FA096
·
Color 4#357A72
·
Color 5#235B53
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.7:1AA18
5.7:1AA
2
1.5:1Fail
1.5:1Fail
2.5:1Fail
3.8:1AA18
3
2.3:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
3.7:1AA18
2.5:1Fail
1.6:1Fail
1.6:1Fail
5
5.7:1AA
3.8:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Mermaid Tail Shimmer

View all cool
Aqua Splash Pool
Frosted Berry Patch
Peppermint Twist Fresh
Winter Berry Delight
Aqua Dream Shimmer
Aqua Seafoam Dream