Back to palettes

Palette

Aqua Tidal Pool

Refreshing aquas and bright blues, evoking the clear, inviting waters of a serene tidal pool.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aqua Tidal Pool 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 Aqua Tidal Pool.

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

Data visualization

#00FFFF#00BFFF#87CEFA#ADD8E6#E0FFFF

Palette guide

How to use Aqua Tidal Pool

Overview

The "Aqua Tidal Pool" palette is a refreshing and vibrant collection that captures the clear, inviting essence of shallow ocean waters. This cool palette features a spectrum of blues and aquas, from the electric Cyan #00FFFF and the bright Deep Sky Blue #00BFFF to the lighter Sky Blue #87CEFA. Softer, ethereal tones like Light Blue #ADD8E6 and the very light Pale Turquoise #E0FFFF complete the set, simulating the sun's reflection on water. Developers can utilize these shades for clean, modern interfaces that convey freshness and clarity. Designers will find this palette ideal for projects related to water, technology, health, or any theme requiring a crisp, invigorating, and visually appealing aesthetic.

Best used for

  • Aquatic product branding
  • Tech and software interfaces
  • Refreshing beverage packaging
  • Health and wellness apps
  • Summer fashion designs
  • Coastal tourism websites

Suggested color roles

primary

A strong, clear deep sky blue #00BFFF, perfect for main navigation, prominent buttons, or brand identity, symbolizing trust and clarity.

secondary

A vibrant cyan #00FFFF that adds an energetic spark, excellent for interactive elements, highlights, or graphical accents.

accent

A lighter, airy sky blue #87CEFA that provides a gentle visual break, suitable for secondary accents, icons, or subtle background details.

background

A very pale turquoise #E0FFFF, almost white, offering a clean, expansive, and refreshing canvas that enhances readability.

text

Use #00BFFF for headings and #333333 (charcoal) for body text on light backgrounds for optimal readability.

Accessibility notes

  • Ensure text in #00BFFF or #00FFFF has sufficient contrast against light backgrounds like #E0FFFF.
  • Lighter blues like #ADD8E6 and #E0FFFF are generally not suitable for body text, requiring darker alternatives.
  • Use #00BFFF for clickable elements to ensure visibility and adherence to contrast guidelines.
  • Consider using a dark neutral like black or charcoal for main body text to maximize readability across all light backgrounds.

Recommended combinations

Clear Water UI

Excellent for modern user interfaces, with #00BFFF for primary actions, #E0FFFF as a clean background, and #00FFFF for vibrant indicators.

#00BFFF · #E0FFFF · #00FFFF

Refreshing Gradient

For creating smooth, watery gradients in hero sections or background elements, evoking depth and fluidity.

#00FFFF · #87CEFA · #ADD8E6

Vibrant Contrast

Ideal for highlighting key information or calls to action, using #00BFFF for emphasis, complemented by lighter tones.

#00BFFF · #ADD8E6 · #00FFFF

CSS variables

:root {
  --aqua-tidal-pool-1: #00FFFF;
  --aqua-tidal-pool-2: #00BFFF;
  --aqua-tidal-pool-3: #87CEFA;
  --aqua-tidal-pool-4: #ADD8E6;
  --aqua-tidal-pool-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aqua-tidal-pool": {
        1: "#00FFFF",
        2: "#00BFFF",
        3: "#87CEFA",
        4: "#ADD8E6",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

refreshing blue paletteclear aqua colorswater inspired designvibrant ocean huescool tech interface

Palette colors

Hex values

Color 1#00FFFF
·
Color 2#00BFFF
·
Color 3#87CEFA
·
Color 4#ADD8E6
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
2
1.7:1Fail
1.2:1Fail
1.4:1Fail
2:1Fail
3
1.4:1Fail
1.2:1Fail
1.1:1Fail
1.6:1Fail
4
1.2:1Fail
1.4:1Fail
1.1:1Fail
1.4:1Fail
5
1.2:1Fail
2:1Fail
1.6:1Fail
1.4:1Fail

Similar palettes

More like Aqua Tidal Pool

View all cool
Azure Tide Pool
Aqua Marine Vista
Aqua Ocean Dream
Aquatic Flora Bloom
Arctic Glacier Melt
Arctic Lagoon Glaze