Back to palettes

Palette

Seaweed Forest Depth

Cool, muted greens and teals found in a deep underwater seaweed forest, serene and mysterious.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seaweed Forest Depth 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 Forest Depth.

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

Data visualization

#002B2B#005252#007A7A#33A8A8#7FDCDC

Palette guide

How to use Seaweed Forest Depth

Overview

The Seaweed Forest Depth palette is a captivating collection of cool, muted greens and teals, evoking the serene and mysterious environment of a deep underwater seaweed forest. Ranging from the profound #002B2B (Very Dark Cyan) to the shimmering #7FDCDC (Light Aqua), and including vibrant mid-tones like #005252, #007A7A, and #33A8A8, this palette offers a rich, immersive experience. It's an excellent choice for designers and developers aiming to convey depth, tranquility, and a connection to aquatic nature. Ideal for environmental organizations, ocean-themed brands, or sophisticated digital platforms, this palette provides a refreshing yet grounding aesthetic, perfect for projects seeking a unique blend of calm and intrigue.

Best used for

  • Marine conservation websites
  • Deep-sea exploration branding
  • Aquatic product packaging
  • Environmental non-profit campaigns
  • Mysterious game interfaces
  • Spa and meditation apps

Suggested color roles

primary

#005252 for main content areas or large backgrounds, establishing a deep, calming foundation.

secondary

#007A7A for supporting elements, sub-headers, or interactive states, adding a vibrant touch.

accent

#7FDCDC to provide a bright, contrasting highlight for calls-to-action, important icons, or key information.

background

#002B2B as a deep, immersive base, mimicking the ocean's depths, or #7FDCDC for a light, airy canvas.

text

Bright white or a very light grey for text against the darker shades, ensuring optimal readability.

Accessibility notes

  • Ensure strong contrast for white or light-colored text against #002B2B, #005252, and #007A7A.
  • Verify that #7FDCDC has sufficient contrast when used for text against the slightly darker #33A8A8 if applicable.
  • Use distinct color differences for interactive elements, as some green-teal shades are close in value.
  • Check WCAG contrast ratios carefully, especially for smaller text and critical UI components.

Recommended combinations

Deep Ocean

Excellent for creating deep, immersive backgrounds or sophisticated dark mode interfaces.

#002B2B · #005252 · #007A7A

Forest Shimmer

Ideal for hero sections, using #002B2B as base, #7FDCDC for highlights, and #33A8A8 for sub-elements.

#002B2B · #7FDCDC · #33A8A8

Aqua UI

Use #7FDCDC as a light background, #33A8A8 for cards/elements, and #005252 for interactive buttons or strong text.

#7FDCDC · #33A8A8 · #005252

CSS variables

:root {
  --seaweed-forest-depth-1: #002B2B;
  --seaweed-forest-depth-2: #005252;
  --seaweed-forest-depth-3: #007A7A;
  --seaweed-forest-depth-4: #33A8A8;
  --seaweed-forest-depth-5: #7FDCDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaweed-forest-depth": {
        1: "#002B2B",
        2: "#005252",
        3: "#007A7A",
        4: "#33A8A8",
        5: "#7FDCDC",
      }
    }
  }
}

Related searches

deep teal paletteunderwater green colorsdark aqua schememysterious ocean huesseaweed inspired design

Palette colors

Hex values

Color 1#002B2B
·
Color 2#005252
·
Color 3#007A7A
·
Color 4#33A8A8
·
Color 5#7FDCDC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
5.3:1AA
9.5:1AAA
2
1.7:1Fail
1.7:1Fail
3.1:1AA18
5.7:1AA
3
2.9:1Fail
1.7:1Fail
1.8:1Fail
3.2:1AA18
4
5.3:1AA
3.1:1AA18
1.8:1Fail
1.8:1Fail
5
9.5:1AAA
5.7:1AA
3.2:1AA18
1.8:1Fail

Similar palettes

More like Seaweed Forest Depth

View all earth