Palette

Bioluminescent Reef Dive

Explores the glowing, vibrant life hidden within the deep sea, where corals and creatures emit ethereal light.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bioluminescent Reef Dive 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 Bioluminescent Reef Dive.

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

Data visualization

#00CED1#40E0D0#ADFF2F#FF69B4#483D8B

Palette guide

How to use Bioluminescent Reef Dive

Overview

The Bioluminescent Reef Dive palette explores the vibrant, glowing life hidden within the deep sea, where corals and creatures emit ethereal light. This energetic palette features bright aquatic tones like #00CED1 (DarkTurquoise) and #40E0D0 (Turquoise), contrasted with lively #ADFF2F (GreenYellow) and #FF69B4 (HotPink), all grounded by the deep #483D8B (DarkSlateBlue). It's a dynamic choice for designers aiming to create lively, captivating, and vibrant visuals that evoke the wonder of a glowing underwater world, blending mystery with exuberant life.

Best used for

Creative branding and artistic projects
Lively event promotions and marketing
Children's educational content on marine life
Vibrant app interfaces and game design
Tropical resort and travel marketing
Energetic digital art and illustrations

Suggested color roles

primary

Use #483D8B as a deep, grounding counterpoint for backgrounds or main structural elements, providing stability to the vibrancy.

secondary

Employ #00CED1 for prominent headings or key visual components, representing the bright, captivating aquatic theme.

accent

Apply #ADFF2F or #FF69B4 for energetic highlights, interactive elements, or glowing effects, drawing attention with their brilliance.

background

A clean white or very light grey allows the vibrant colors to pop. For a dramatic effect, #483D8B can serve as a dark background.

text

Dark charcoal or black provides excellent readability on light backgrounds. White text works well on #483D8B or #00CED1.

Accessibility notes

High contrast is vital for all text; ensure #ADFF2F or #FF69B4 are not used for small text on white backgrounds.
Check readability of #00CED1 on #40E0D0 if used together; ensure sufficient color difference.
Avoid using highly saturated colors for extensive body text, as they can cause eye strain.
Clearly define interactive elements with distinct color changes or outlines to prevent confusion.

Recommended combinations

Vibrant Reef

Creates a lively coral scene, perfect for engaging hero sections or animated graphics.

#00CED1 · #ADFF2F · #FF69B4

Deep Glow

Highlights mysterious underwater light against a dark backdrop, ideal for focus points or ethereal effects.

#483D8B · #00CED1 · #FF69B4

Aquatic Pop

Offers an energetic combination for playful infographics or interactive elements, radiating cheerfulness.

#40E0D0 · #ADFF2F · #FF69B4

CSS variables

:root {
  --bioluminescent-reef-dive-1: #00CED1;
  --bioluminescent-reef-dive-2: #40E0D0;
  --bioluminescent-reef-dive-3: #ADFF2F;
  --bioluminescent-reef-dive-4: #FF69B4;
  --bioluminescent-reef-dive-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bioluminescent-reef-dive": {
        1: "#00CED1",
        2: "#40E0D0",
        3: "#ADFF2F",
        4: "#FF69B4",
        5: "#483D8B",
      }
    }
  }
}

Hex values

Color 1#00CED1

Color 2#40E0D0

Color 3#ADFF2F

Color 4#FF69B4

Color 5#483D8B

Accessibility

Contrast checker

1.2:1Fail

1.6:1Fail

1.4:1Fail

4.6:1AA

1.2:1Fail

1.3:1Fail

1.6:1Fail

5.5:1AA

1.6:1Fail

1.3:1Fail

2.2:1Fail

7.4:1AAA

1.4:1Fail

1.6:1Fail

2.2:1Fail

3.4:1AA18

4.6:1AA

5.5:1AA

7.4:1AAA

3.4:1AA18

Similar palettes

More like Bioluminescent Reef Dive

Bioluminescent Reef Dive

See it in context.

Ready when you are.

Built with Bioluminescent Reef Dive.

How to use Bioluminescent Reef Dive

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Vibrant Reef

Deep Glow

Aquatic Pop

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Bioluminescent Reef Dive