Back to palettes

Palette

Deep Sea Kelp

A dark, oceanic palette of deep greens and blues, capturing the eerie beauty of a hidden underwater forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Sea Kelp 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 Deep Sea Kelp.

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

Data visualization

#0A2E2C#0C3E3B#1A4D4A#2B5D5B#001F22

Palette guide

How to use Deep Sea Kelp

Overview

The Deep Sea Kelp palette plunges into a dark, oceanic realm of deep greens and blues, capturing the eerie beauty of a hidden underwater forest. This collection, anchored by the profound #0A2E2C and featuring shades like #0C3E3B and #1A4D4A, evokes a sense of mystery, natural depth, and subtle organic texture. The very dark #001F22 reinforces the abyssal feel, making it an excellent choice for designs that require a sophisticated, earthy, yet dark aesthetic. Designers can leverage this palette to create immersive environments, underscore natural themes, or convey a sense of quiet strength and timelessness in their projects.

Best used for

  • Eco-friendly or sustainable brand identities
  • Nature documentary websites or apps
  • Botanical garden or aquarium signage
  • Organic food packaging with a premium feel
  • Dark mode UI themes for nature apps
  • Mysterious fantasy game environments

Suggested color roles

primary

Use #0A2E2C as the dominant background or primary brand color to establish a deep, organic, and mysterious foundation.

secondary

Apply #0C3E3B for major content sections, navigation, or as a slightly lighter dark tone to add subtle visual interest.

accent

Highlight interactive elements or key visual features with #2B5D5B, offering a slightly brighter green-blue accent that still feels integrated.

background

The profound #001F22 provides an excellent, almost black backdrop, ensuring content stands out with optimal readability for light text.

text

For maximum readability, use crisp white or a very pale green-gray (e.g., #F0F5F0) for text against these dark, rich backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #2B5D5B on #1A4D4A or similar dark shades.
  • The subtle differences between the darker shades might not provide enough contrast for functional elements; use them primarily for aesthetic depth.
  • Always check text and background color combinations against WCAG guidelines for readability, especially for small font sizes.
  • Consider using a slightly brighter white for text to enhance visibility against the darkest greens like #0A2E2C and #001F22.

Recommended combinations

Forest Depths

Creates a rich, dark green base with a subtle lighter accent for headings or important UI elements.

#0A2E2C · #0C3E3B · #2B5D5B

Kelp Shadows

Ideal for layered backgrounds, subtle depth effects, or progressive disclosure in user interfaces, evoking organic mystery.

#0A2E2C · #1A4D4A · #001F22

Organic Contrast

Perfect for a very dark background, a vibrant accent for calls to action, and a supportive deep green for secondary elements.

#001F22 · #2B5D5B · #0C3E3B

CSS variables

:root {
  --deep-sea-kelp-1: #0A2E2C;
  --deep-sea-kelp-2: #0C3E3B;
  --deep-sea-kelp-3: #1A4D4A;
  --deep-sea-kelp-4: #2B5D5B;
  --deep-sea-kelp-5: #001F22;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-kelp": {
        1: "#0A2E2C",
        2: "#0C3E3B",
        3: "#1A4D4A",
        4: "#2B5D5B",
        5: "#001F22",
      }
    }
  }
}

Related searches

dark green ocean palettedeep sea kelp colorsmysterious underwater forestorganic dark teal schemeeco friendly dark branding

Palette colors

Hex values

Color 1#0A2E2C
·
Color 2#0C3E3B
·
Color 3#1A4D4A
·
Color 4#2B5D5B
·
Color 5#001F22
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2:1Fail
1.2:1Fail
2
1.2:1Fail
1.2:1Fail
1.6:1Fail
1.5:1Fail
3
1.5:1Fail
1.2:1Fail
1.3:1Fail
1.8:1Fail
4
2:1Fail
1.6:1Fail
1.3:1Fail
2.3:1Fail
5
1.2:1Fail
1.5:1Fail
1.8:1Fail
2.3:1Fail

Similar palettes

More like Deep Sea Kelp

View all dark
Abyssal Deep Current
Deep Sea Fathoms
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Depths