Back to palettes

Palette

Ocean Deep Kelp

The mysterious, rich greens and blues found in the depths of an oceanic kelp forest, dark and vibrant.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#008B8B#2F4F4F#3CB371#006400#004444

Palette guide

How to use Ocean Deep Kelp

Overview

The Ocean Deep Kelp palette delves into the mysterious, rich greens and blues found in the depths of an oceanic kelp forest. Featuring the vibrant #008B8B and the earthy #2F4F4F, it establishes a mood that is both dark and vibrantly alive. The inclusion of #3CB371 and the deep forest green #006400, alongside the profound #004444, offers a unique blend of cool and organic tones. Designers and developers will find these hex codes invaluable for creating designs that evoke nature, sustainability, and a sense of hidden beauty. This palette is especially effective for projects aiming for an ecological, earthy, yet sophisticated aesthetic across various media.

Best used for

  • Eco-conscious product branding
  • Environmental conservation websites
  • Outdoor adventure and nature photography
  • Sustainable living blogs and apps
  • Organic food and beverage packaging
  • Documentaries on marine ecosystems

Suggested color roles

primary

Utilize #008B8B for core branding elements, main navigation, or prominent sections, providing a strong, natural presence.

secondary

Employ #2F4F4F for supporting content blocks, subheadings, or secondary interactive elements, offering a grounded, earthy contrast.

accent

Apply #3CB371 to highlight key information, call-to-action buttons, or vibrant illustrations, providing a fresh, lively pop.

background

The darkest #004444 creates an immersive, deep background, while #2F4F4F can be used for slightly lighter, textured backgrounds.

text

For dark backgrounds like #004444 or #2F4F4F, use white or a very light cream text for optimal readability. On #3CB371, use #004444 or black for clear text.

Accessibility notes

  • White or light grey text on #008B8B, #2F4F4F, #006400, and #004444 should meet contrast standards.
  • Ensure sufficient contrast for dark text on #3CB371; black or a very dark green is typically required.
  • Avoid using #2F4F4F for text on #006400 background without careful contrast verification.
  • Consider increasing font size when using #008B8B for text on a #3CB371 background to improve legibility.

Recommended combinations

Forest Depths

Creates a rich, deep, and earthy background for web pages or visual assets, evoking a dense kelp forest.

#004444 · #2F4F4F · #006400

Vibrant Growth

Ideal for showcasing natural growth or fresh content, using #2F4F4F as a base with #008B8B and #3CB371 for accents.

#008B8B · #3CB371 · #2F4F4F

Subtle Contrast

Use #004444 as a dark background, #006400 for content, and #008B8B for subtle highlights or interactive elements.

#006400 · #004444 · #008B8B

CSS variables

:root {
  --ocean-deep-kelp-1: #008B8B;
  --ocean-deep-kelp-2: #2F4F4F;
  --ocean-deep-kelp-3: #3CB371;
  --ocean-deep-kelp-4: #006400;
  --ocean-deep-kelp-5: #004444;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ocean-deep-kelp": {
        1: "#008B8B",
        2: "#2F4F4F",
        3: "#3CB371",
        4: "#006400",
        5: "#004444",
      }
    }
  }
}

Related searches

deep green blue palettekelp forest color schemedark nature hex codessustainable branding colorsunderwater ecology palette

Palette colors

Hex values

Color 1#008B8B
·
Color 2#2F4F4F
·
Color 3#3CB371
·
Color 4#006400
·
Color 5#004444
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
1.6:1Fail
1.8:1Fail
2.7:1Fail
2
2.2:1Fail
3.3:1AA18
1.2:1Fail
1.2:1Fail
3
1.6:1Fail
3.3:1AA18
2.8:1Fail
4.1:1AA18
4
1.8:1Fail
1.2:1Fail
2.8:1Fail
1.5:1Fail
5
2.7:1Fail
1.2:1Fail
4.1:1AA18
1.5:1Fail

Similar palettes

More like Ocean Deep Kelp

View all dark
Abyss Gaze
Abyssal Bioluminescence
Abyssal Bioluminescent Glow
Abyssal Coral Forms
Abyssal Coral Glow
Abyssal Depths