Back to palettes

Palette

Tidal Pool Emeralds

Captures the vibrant greens and clear blues found in a shallow, sun-drenched tidal pool.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#008080#E5D3B3#7FFFD4#708090#F0E68C

Palette guide

How to use Tidal Pool Emeralds

Overview

The Tidal Pool Emeralds palette captures the vibrant and varied hues of a sun-drenched marine ecosystem. Featuring striking #008080 (Teal), contrasting #E5D3B3 (Light Khaki), and refreshing #7FFFD4 (Aquamarine), this collection offers a unique blend of cool and warm tones. Designers can use #708090 (Slate Gray) for grounding elements, while #F0E68C (Khaki) adds an unexpected, sunny glimmer. Developers will find these colors inspiring for creating dynamic, natural-themed interfaces, ensuring visual interest and a cohesive aesthetic across digital platforms. This palette is ideal for projects related to nature, travel, or any brand seeking a lively yet balanced connection to the outdoors.

Best used for

  • Nature and outdoor brand websites
  • Travel and tourism promotions
  • Eco-conscious product packaging
  • Aquatic and marine-themed designs
  • Children's educational apps
  • Bohemian fashion or home decor

Suggested color roles

primary

Use #008080 as a dominant, vibrant teal for headers, calls-to-action, or main graphical elements.

secondary

Apply #7FFFD4 for secondary accents, interactive elements, or to introduce a refreshing, lighter green.

accent

Utilize #F0E68C or #E5D3B3 sparingly to add a warm, sandy glimmer, perfect for highlights or subtle texture.

background

Employ #E5D3B3 as a soft, warm background, reminiscent of sand, offering a gentle contrast to the cooler tones.

text

For primary text on #E5D3B3, use #008080 or #708090 for excellent readability. Black or dark charcoal (#333333) can also provide strong contrast.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #E5D3B3 with #F0E68C for text or critical elements.
  • Use #008080 or #708090 for main body text on #E5D3B3 to meet WCAG AA contrast standards.
  • Avoid using #F0E68C for small text on light backgrounds; reserve it for larger display text or graphical elements.
  • Provide alternative text descriptions for color-coded information, especially given the mix of warm and cool tones.

Recommended combinations

Oceanic Depth

Strong teal with a warm sandy background and a grounding slate gray for a balanced, natural feel.

#008080 · #E5D3B3 · #708090

Sunny Shallows

Light aquamarine with golden khaki and light sandy beige, ideal for bright, fresh sections or highlights.

#7FFFD4 · #F0E68C · #E5D3B3

Coastal Harmony

A grounding slate gray with vibrant teal and a pop of sunny khaki for dynamic, nature-inspired compositions.

#708090 · #008080 · #F0E68C

CSS variables

:root {
  --tidal-pool-emeralds-1: #008080;
  --tidal-pool-emeralds-2: #E5D3B3;
  --tidal-pool-emeralds-3: #7FFFD4;
  --tidal-pool-emeralds-4: #708090;
  --tidal-pool-emeralds-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tidal-pool-emeralds": {
        1: "#008080",
        2: "#E5D3B3",
        3: "#7FFFD4",
        4: "#708090",
        5: "#F0E68C",
      }
    }
  }
}

Related searches

tidal pool color schemeemerald green paletteoceanic nature colorsteal and sand palettemarine inspired design

Palette colors

Hex values

Color 1#008080
·
Color 2#E5D3B3
·
Color 3#7FFFD4
·
Color 4#708090
·
Color 5#F0E68C
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.3:1AA18
3.9:1AA18
1.2:1Fail
3.7:1AA18
2
3.3:1AA18
1.2:1Fail
2.8:1Fail
1.1:1Fail
3
3.9:1AA18
1.2:1Fail
3.3:1AA18
1:1Fail
4
1.2:1Fail
2.8:1Fail
3.3:1AA18
3.2:1AA18
5
3.7:1AA18
1.1:1Fail
1:1Fail
3.2:1AA18

Similar palettes

More like Tidal Pool Emeralds

View all cool
Coastal Rockpool
Deep Marine Verdure
Azure Coast Relic
Coastal Seagrass Whisper
Deep Sea Coral
Emerald Coast Dive