Palette

Seaweed Garden Glimmer

Cool, watery greens and blues inspired by shimmering seaweed beds in clear ocean shallow.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seaweed Garden Glimmer 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 Seaweed Garden Glimmer.

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

Data visualization

#3B6C6C#5C9A9A#7BB7B7#9AD4D4#B8EBEB

Palette guide

How to use Seaweed Garden Glimmer

Overview

The Seaweed Garden Glimmer palette is a refreshing collection of cool, watery greens and blues, inspired by shimmering seaweed beds in clear ocean shallows. Ranging from the subtle #3B6C6C (Dark Cyan) to the bright #B8EBEB (Light Cyan), and including vibrant mid-tones like #5C9A9A, #7BB7B7, and #9AD4D4, this palette offers a sense of freshness and vitality. It's an excellent choice for designers and developers aiming to evoke tranquility, natural beauty, and a clean, invigorating aesthetic. Ideal for eco-conscious brands, wellness platforms, or any project seeking a clear, calm, and uplifting visual experience, this palette brings the gentle shimmer of shallow ocean waters to life.

Best used for

Eco-friendly product branding
Wellness and meditation app interfaces
Coastal resort marketing materials
Aquatic nature photography showcases
Refreshing beverage packaging
Sustainable lifestyle blogs

Suggested color roles

primary

#5C9A9A for main content areas or large backgrounds, establishing a fresh, inviting tone.

secondary

#7BB7B7 for supporting UI elements, subtle gradients, or informational panels.

accent

#3B6C6C to provide a deeper, grounding accent for calls-to-action, important icons, or navigation.

background

#B8EBEB as a pristine, airy canvas, enhancing the feeling of openness and lightness.

text

A deep charcoal or dark teal for body text, ensuring excellent readability against the lighter blues and greens.

Accessibility notes

Ensure sufficient contrast for text, especially against the very light #B8EBEB and #9AD4D4 backgrounds.
Use #3B6C6C for critical interactive elements like buttons to provide clear visual distinction.
Be cautious when pairing #7BB7B7 and #9AD4D4 for text and background without adequate contrast.
Verify all text and UI elements meet WCAG contrast guidelines, particularly for smaller font sizes.

Recommended combinations

Shallow Waters

Perfect for hero sections and headers, creating a light, expansive, and refreshing feel.

#B8EBEB · #9AD4D4 · #7BB7B7

Garden Depths

Ideal for footer designs or section dividers, offering depth while maintaining a cool aesthetic.

#3B6C6C · #5C9A9A · #B8EBEB

Aqua Glimmer UI

Use #B8EBEB as base, #7BB7B7 for cards, and #3B6C6C for interactive buttons or key text.

#B8EBEB · #7BB7B7 · #3B6C6C

CSS variables

:root {
  --seaweed-garden-glimmer-1: #3B6C6C;
  --seaweed-garden-glimmer-2: #5C9A9A;
  --seaweed-garden-glimmer-3: #7BB7B7;
  --seaweed-garden-glimmer-4: #9AD4D4;
  --seaweed-garden-glimmer-5: #B8EBEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaweed-garden-glimmer": {
        1: "#3B6C6C",
        2: "#5C9A9A",
        3: "#7BB7B7",
        4: "#9AD4D4",
        5: "#B8EBEB",
      }
    }
  }
}

Hex values

Color 1#3B6C6C

Color 2#5C9A9A

Color 3#7BB7B7

Color 4#9AD4D4

Color 5#B8EBEB

Accessibility

Contrast checker

1.8:1Fail

2.6:1Fail

3.6:1AA18

4.5:1AA

1.8:1Fail

1.4:1Fail

1.9:1Fail

2.5:1Fail

2.6:1Fail

1.4:1Fail

1.7:1Fail

3.6:1AA18

1.9:1Fail

1.4:1Fail

1.3:1Fail

4.5:1AA

2.5:1Fail

1.7:1Fail

1.3:1Fail

Similar palettes

More like Seaweed Garden Glimmer

Seaweed Garden Glimmer

See it in context.

Ready when you are.

Built with Seaweed Garden Glimmer.

How to use Seaweed Garden Glimmer

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Shallow Waters

Garden Depths

Aqua Glimmer UI

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Seaweed Garden Glimmer