Palette

Sunken Treasure Cove

Delve into the hidden depths where sunlight barely reaches, hinting at mysterious relics and forgotten wonders.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunken Treasure Cove 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 Sunken Treasure Cove.

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

Data visualization

#1B2F3B#3D5A6C#6A8CA0#9FB3C2#4D768A

Palette guide

How to use Sunken Treasure Cove

Overview

The "Sunken Treasure Cove" palette plunges into the hidden depths of the ocean, offering a range of deep, cool blues and muted teals. This scheme perfectly captures the essence of a mysterious, sun-dappled underwater grotto, hinting at forgotten relics. The profound #1B2F3B provides a strong, enveloping base, ideal for backgrounds that need to feel deep and immersive. #3D5A6C and #4D768A introduce versatile mid-tones, reminiscent of deep ocean water or shadowed coral. The lighter #6A8CA0 and #9FB3C2 offer ethereal highlights, suggesting diffused sunlight or ancient, weathered stone. This palette is excellent for designers seeking a tranquil yet intriguing aesthetic, perfect for environmental themes, fantasy settings, or interfaces that require a calm, cool, and adventurous mood.

Best used for

Underwater exploration games
Marine conservation websites
Deep-sea documentary branding
Calm and meditative apps
Adventure travel agencies
Sci-fi concept art

Suggested color roles

primary

#1B2F3B for dominant backgrounds or large visual blocks, setting a deep, mysterious tone.

secondary

#3D5A6C or #4D768A for supporting elements, adding depth and visual interest.

accent

#9FB3C2 provides a soft, cool highlight for interactive elements or subtle details.

background

#1B2F3B offers a deep, immersive background. #3D5A6C can be used for slightly lighter sections.

text

A light cream or white on #1B2F3B. A dark charcoal or black on #9FB3C2.

Accessibility notes

Ensure sufficient contrast for text, especially when using #6A8CA0 on #4D768A.
#9FB3C2 provides good readability for dark text, making it suitable for important information.
The darkest color, #1B2F3B, offers excellent contrast for light text.
Avoid using #3D5A6C and #4D768A directly adjacent for text/background without checking contrast ratios.

Recommended combinations

Ocean Depths

Creates a seamless deep-to-mid-tone transition for backgrounds or layered UI.

#1B2F3B · #3D5A6C · #4D768A

Sun-Dappled Grotto

Ideal for gradients or elements suggesting light filtering through water.

#4D768A · #6A8CA0 · #9FB3C2

Hidden Relics

Provides a strong dark base with a soft mid-tone and a luminous highlight.

#1B2F3B · #6A8CA0 · #9FB3C2

CSS variables

:root {
  --sunken-treasure-cove-1: #1B2F3B;
  --sunken-treasure-cove-2: #3D5A6C;
  --sunken-treasure-cove-3: #6A8CA0;
  --sunken-treasure-cove-4: #9FB3C2;
  --sunken-treasure-cove-5: #4D768A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunken-treasure-cove": {
        1: "#1B2F3B",
        2: "#3D5A6C",
        3: "#6A8CA0",
        4: "#9FB3C2",
        5: "#4D768A",
      }
    }
  }
}

Hex values

Color 1#1B2F3B

Color 2#3D5A6C

Color 3#6A8CA0

Color 4#9FB3C2

Color 5#4D768A

Accessibility

Contrast checker

1.9:1Fail

3.9:1AA18

6.4:1AA

2.8:1Fail

1.9:1Fail

2:1Fail

3.4:1AA18

1.5:1Fail

3.9:1AA18

2:1Fail

1.7:1Fail

1.4:1Fail