Back to palettes

Palette

Aquatic Coral Garden

A vibrant yet tranquil underwater scene filled with the diverse colors of a coral reef.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aquatic Coral Garden 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 Aquatic Coral Garden.

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

Data visualization

#20B2AA#40E0D0#00CED1#66CDAA#87CEEB

Palette guide

How to use Aquatic Coral Garden

Overview

The "Aquatic Coral Garden" palette presents a vibrant yet tranquil underwater scene, brimming with the diverse colors of a healthy coral reef. This cool and refreshing collection features compelling shades like the robust Light Sea Green #20B2AA, the lively Turquoise #40E0D0, and the striking Dark Turquoise #00CED1. Complementing these are the softer Medium Aquamarine #66CDAA and the airy Sky Blue #87CEEB. Developers can leverage this palette to craft engaging user interfaces that feel fresh, dynamic, and inviting. Designers will find it exceptional for projects related to marine life, environmental causes, or any brand seeking a serene, natural, and visually captivating aesthetic that evokes depth and vitality.

Best used for

  • Marine conservation initiatives
  • Eco-tourism websites
  • Aquarium branding
  • Ocean-themed educational apps
  • Nature photography portfolios
  • Sustainable product packaging

Suggested color roles

primary

A strong, deep turquoise #00CED1 that anchors the palette, ideal for main headings, prominent features, or brand logos, signifying depth and clarity.

secondary

A balanced light sea green #20B2AA that supports the primary, suitable for navigation, important buttons, or key content areas.

accent

A bright turquoise #40E0D0 that offers a lively, refreshing pop, perfect for interactive elements, highlights, or decorative details.

background

A soft, airy sky blue #87CEEB, providing a light and expansive backdrop that enhances the cool, serene feel of the palette.

text

Use #00CED1 for headings and a dark neutral like #222222 for body text on light backgrounds for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using #20B2AA, #40E0D0, or #00CED1 for text on light backgrounds like #87CEEB.
  • Lighter shades like #66CDAA and #87CEEB are too light for small body text; always use darker alternatives.
  • Use a very dark neutral (e.g., black or charcoal) for main body text to ensure wcag compliance.
  • Interactive elements should have clear visual feedback, potentially using the brighter #40E0D0 for hover states.

Recommended combinations

Reef Depths

For creating a sense of depth and tranquility in main layouts, with dark turquoise as primary, sky blue as background, and light sea green for secondary elements.

#00CED1 · #87CEEB · #20B2AA

Vibrant Flora

Ideal for highlighting details or creating vibrant accents, using brighter turquoises and aquamarines against a soft blue.

#40E0D0 · #66CDAA · #87CEEB

Underwater Glow

Effective for gradients or visual elements that need to convey a subtle, shimmering underwater light, transitioning smoothly between shades.

#20B2AA · #40E0D0 · #00CED1

CSS variables

:root {
  --aquatic-coral-garden-1: #20B2AA;
  --aquatic-coral-garden-2: #40E0D0;
  --aquatic-coral-garden-3: #00CED1;
  --aquatic-coral-garden-4: #66CDAA;
  --aquatic-coral-garden-5: #87CEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aquatic-coral-garden": {
        1: "#20B2AA",
        2: "#40E0D0",
        3: "#00CED1",
        4: "#66CDAA",
        5: "#87CEEB",
      }
    }
  }
}

Related searches

coral reef color schemeserene blue green paletteunderwater garden colorsvibrant marine designtranquil ocean hues

Palette colors

Hex values

Color 1#20B2AA
·
Color 2#40E0D0
·
Color 3#00CED1
·
Color 4#66CDAA
·
Color 5#87CEEB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.3:1Fail
1.4:1Fail
1.5:1Fail
2
1.6:1Fail
1.2:1Fail
1.2:1Fail
1.1:1Fail
3
1.3:1Fail
1.2:1Fail
1:1Fail
1.1:1Fail
4
1.4:1Fail
1.2:1Fail
1:1Fail
1.1:1Fail
5
1.5:1Fail
1.1:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Aquatic Coral Garden

View all cool
Aquatic Moss Garden
Arctic Northern Bloom
Celestial Oasis Dream
Cerulean Coastline Calm
Evergreen Snowfall Chill
Fjord Twilight