Palette

Sunken Treasure Chest

Enveloping shades of deep ocean blue and faded golds, evoking the mysterious allure of forgotten riches at sea's floor.

cooldark5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A2639#414D62#7B7C97#C4B9D6#DFCEE9

Palette guide

How to use Sunken Treasure Chest

Overview

The "Sunken Treasure Chest" palette is a sophisticated collection of cool, ethereal blues and purples, complemented by soft, almost iridescent light tones. This scheme perfectly evokes the mysterious allure of forgotten riches at the ocean's floor, bathed in diffused light. #1A2639 provides a deep, encompassing ocean blue base, while #414D62 offers a slightly lighter, yet still profound, secondary tone. The mid-range #7B7C97 introduces a muted lavender-grey, leading to the luminous #C4B9D6 and #DFCEE9, which suggest glimmers of pearl or polished silver. This palette is ideal for designers seeking a serene, luxurious, and slightly magical aesthetic, perfect for high-end digital products, fantasy interfaces, or branding that aims for a sophisticated, understated elegance with a hint of mystery.

Best used for

Luxury tech product interfaces
Fantasy game UI with a cool tone
High-end fashion branding
Mystical art installations
Serene meditation apps
Underwater documentary graphics

Suggested color roles

primary

#1A2639 for deep, immersive backgrounds or dominant sections, setting a mysterious tone.

secondary

#414D62 for supporting panels, card backgrounds, or significant UI elements.

accent

#DFCEE9 provides a luminous, subtle highlight for interactive elements or delicate details.

background

#1A2639 offers a profound dark background. #7B7C97 can serve as a lighter, atmospheric base.

text

#DFCEE9 or white for text on dark backgrounds. A dark charcoal or black on #C4B9D6.

Accessibility notes

Ensure high contrast for text, especially when using #7B7C97 on #414D62.
#DFCEE9 offers excellent readability for text against the darkest blues like #1A2639.
Avoid using #C4B9D6 text on #DFCEE9 backgrounds due to low contrast.
Critical information should use the highest contrast pairs, such as light text on #1A2639.

Recommended combinations

Deep Sea Mystery

Establishes a dark, profound base with a striking, luminous highlight.

#1A2639 · #414D62 · #DFCEE9

Ethereal Glow

Creates a soft, atmospheric gradient for backgrounds or layered UI elements.

#7B7C97 · #C4B9D6 · #DFCEE9

Submerged Riches

Balances a deep mid-tone with a muted accent and a luminous highlight.

#414D62 · #7B7C97 · #DFCEE9

CSS variables

:root {
  --sunken-treasure-chest-1: #1A2639;
  --sunken-treasure-chest-2: #414D62;
  --sunken-treasure-chest-3: #7B7C97;
  --sunken-treasure-chest-4: #C4B9D6;
  --sunken-treasure-chest-5: #DFCEE9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunken-treasure-chest": {
        1: "#1A2639",
        2: "#414D62",
        3: "#7B7C97",
        4: "#C4B9D6",
        5: "#DFCEE9",
      }
    }
  }
}

Hex values

Color 1#1A2639

Color 2#414D62

Color 3#7B7C97

Color 4#C4B9D6

Color 5#DFCEE9

Accessibility

Contrast checker

1.8:1Fail

3.7:1AA18

8.2:1AAA

10.2:1AAA

1.8:1Fail

2.1:1Fail

4.6:1AA

5.7:1AA

3.7:1AA18

2.1:1Fail

2.2:1Fail

2.7:1Fail

8.2:1AAA

4.6:1AA

2.2:1Fail

1.3:1Fail

10.2:1AAA

5.7:1AA

2.7:1Fail

1.3:1Fail

Similar palettes

More like Sunken Treasure Chest

View all cool

Cosmic Ocean Depths

Deep Ocean Trench

Midnight Current Glimmer

Oceanic Depths Mystery

Sunken Treasure Glow

Abyssal Bioluminescence