Back to palettes

Palette

Starlight Deep Sea

Plunge into the mysterious ocean depths, illuminated by distant cosmic starlight and tranquil blues.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000033#191970#4169E1#9370DB#E0FFFF

Palette guide

How to use Starlight Deep Sea

Overview

The Starlight Deep Sea palette evokes the profound mystery of the ocean's depths illuminated by distant cosmic light. This sophisticated collection features a spectrum from the ultra-dark #000033 (Midnight Abyss) to the vibrant #4169E1 (Royal Depths), culminating in the ethereal #E0FFFF (Starlight Shimmer). Designers and developers will find its deep blues like #191970 (Ocean Twilight) and the enchanting #9370DB (Cosmic Violet) ideal for creating immersive, tranquil, and luxurious digital experiences. Perfect for projects requiring a sense of calm, depth, and understated elegance, ensuring a cohesive and visually striking aesthetic.

Best used for

  • Night mode UI/UX designs
  • Luxury brand websites and apps
  • Science fiction themed games or media
  • Meditation and wellness applications
  • Deep sea exploration documentaries
  • Digital art backgrounds and illustrations

Suggested color roles

primary

#191970 - A rich, deep blue perfect for primary UI elements, large sections, or branding where a sense of depth and stability is desired.

secondary

#4169E1 - A vibrant royal blue offering a dynamic contrast, ideal for interactive elements, headers, or features that need to stand out from the primary base.

accent

#9370DB - A mystical purple that serves as a captivating accent for calls-to-action, key information, or artistic flourishes, adding a touch of magic.

background

#000033 - The foundational dark blue, excellent for setting a deep, immersive background in dark mode themes or for large, expansive areas.

text

#E0FFFF - This near-white provides excellent readability against all darker palette colors, making it suitable for main body text, headings, and labels.

Accessibility notes

  • Ensure #E0FFFF text is used against #000033 or #191970 for optimal WCAG AA contrast ratios, especially for body text.
  • Test #9370DB (Cosmic Violet) against #000033 for legibility, as its mid-tone value might require larger font sizes or bolding for accessibility.
  • Use #4169E1 sparingly for essential text on darker backgrounds; it's better suited for interactive elements or larger headlines.
  • Avoid using #000033 or #191970 for text unless on an extremely light background not present in this palette, as it would be illegible.

Recommended combinations

Cosmic Glow

Ideal for dark mode interfaces, using #000033 as background, #E0FFFF for primary text, and #4169E1 for actionable buttons or highlights.

#000033 · #E0FFFF · #4169E1

Ocean Twilight

Excellent for gradients or layered elements, transitioning from the deep #191970 through the vibrant #4169E1 to the ethereal #9370DB.

#191970 · #4169E1 · #9370DB

Starlight Accent

Use #191970 as a sophisticated base, #9370DB for elegant accents, and #E0FFFF for subtle highlights or secondary information.

#191970 · #9370DB · #E0FFFF

CSS variables

:root {
  --starlight-deep-sea-1: #000033;
  --starlight-deep-sea-2: #191970;
  --starlight-deep-sea-3: #4169E1;
  --starlight-deep-sea-4: #9370DB;
  --starlight-deep-sea-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "starlight-deep-sea": {
        1: "#000033",
        2: "#191970",
        3: "#4169E1",
        4: "#9370DB",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

dark blue purple color schemedeep ocean aesthetic palettestarlight night mode colorsmysterious blue and violet designtranquil dark color palette

Palette colors

Hex values

Color 1#000033
·
Color 2#191970
·
Color 3#4169E1
·
Color 4#9370DB
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
4.1:1AA18
5.3:1AA
19:1AAA
2
1.3:1Fail
3.1:1AA18
3.9:1AA18
14.1:1AAA
3
4.1:1AA18
3.1:1AA18
1.3:1Fail
4.6:1AA
4
5.3:1AA
3.9:1AA18
1.3:1Fail
3.6:1AA18
5
19:1AAA
14.1:1AAA
4.6:1AA
3.6:1AA18

Similar palettes

More like Starlight Deep Sea

View all dark
Deep Abyss Current
Abyss Gaze
Abyssal Bioluminescence
Abyssal Bioluminescent Glow
Abyssal Coral Forms
Abyssal Coral Glow