Palette

Coral Reef Dance

A vibrant underwater scene, capturing the energetic movement of a healthy coral reef.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coral Reef Dance 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 Coral Reef Dance.

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

Data visualization

#005F60#008C8E#00BFBD#5CDACA#A2F6F3

Palette guide

How to use Coral Reef Dance

Overview

The "Coral Reef Dance" palette captures the energetic movement of a healthy coral reef through a beautiful progression of teal and aqua hues. Ranging from the deep, anchoring #005F60 (Dark Teal) to the light, airy #A2F6F3 (Pale Aqua), and including vibrant shades like #008C8E, #00BFBD, and #5CDACA. This cohesive, monochromatic scheme is perfect for designers and developers seeking to evoke a sense of calm, freshness, and sophisticated vitality. It's an excellent choice for projects related to water, technology, wellness, or any brand aiming for a clean, modern, and refreshing aesthetic.

Best used for

Sustainable technology branding
Spa and wellness app interfaces
Aquatic product packaging
Modern interior design inspiration
Environmental non-profit websites
Clean, minimalist digital art

Suggested color roles

primary

#005F60 (Dark Teal) provides depth and stability, ideal for main headings, navigation, or foundational brand elements.

secondary

#00BFBD (Medium Aqua) offers a lively contrast, suitable for subheadings, active states, or graphic accents.

accent

#A2F6F3 (Pale Aqua) adds a light, refreshing touch, perfect for subtle highlights, hover states, or background textures.

background

#A2F6F3 (Pale Aqua) provides a serene, expansive backdrop, or a very light gray/white to let the teals shine.

text

For dark text on light backgrounds, a deep charcoal or black is effective. For text on #005F60 or #008C8E, white offers excellent readability.

Accessibility notes

Ensure #A2F6F3 has sufficient contrast against #5CDACA if used for text; generally, the lighter shades are better for backgrounds or large elements.
#005F60 and #008C8E provide strong contrast with white text, making them ideal for important information and interactive elements.
Use distinct shades for interactive elements to ensure clarity for all users.
The monochromatic nature aids in visual harmony but requires careful contrast checking, especially for text.

Recommended combinations

Deep Ocean

Creates a rich, deep-sea feel, excellent for backgrounds or immersive sections.

#005F60 · #008C8E · #00BFBD

Fresh Breeze

Light and airy, perfect for clean UI elements or refreshing content blocks.

#A2F6F3 · #5CDACA · #00BFBD

Vibrant Flow

High contrast, dynamic pairing for headers and playful elements.

#005F60 · #5CDACA · #A2F6F3

CSS variables

:root {
  --coral-reef-dance-1: #005F60;
  --coral-reef-dance-2: #008C8E;
  --coral-reef-dance-3: #00BFBD;
  --coral-reef-dance-4: #5CDACA;
  --coral-reef-dance-5: #A2F6F3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-reef-dance": {
        1: "#005F60",
        2: "#008C8E",
        3: "#00BFBD",
        4: "#5CDACA",
        5: "#A2F6F3",
      }
    }
  }
}

Hex values

Color 1#005F60

Color 2#008C8E

Color 3#00BFBD

Color 4#5CDACA

Color 5#A2F6F3

Accessibility

Contrast checker

1.8:1Fail

3.3:1AA18

4.4:1AA18

6.1:1AA

1.8:1Fail

2.4:1Fail

3.3:1AA18

1.8:1Fail

1.3:1Fail

1.9:1Fail

4.4:1AA18

2.4:1Fail

1.3:1Fail

1.4:1Fail

6.1:1AA

3.3:1AA18

1.9:1Fail

1.4:1Fail

Similar palettes

More like Coral Reef Dance

Coral Reef Dance

See it in context.

Ready when you are.

Built with Coral Reef Dance.

How to use Coral Reef Dance

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Ocean

Fresh Breeze

Vibrant Flow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Coral Reef Dance