Back to palettes

Palette

Indigo Current Flow

A gradual descent into the profound, dark blues of the deepest ocean currents, both mysterious and serene.

monochromedark5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Indigo Current Flow 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 Indigo Current Flow.

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

Data visualization

#0A0F1A#1B2B47#2E476F#4A6D9C#719BB9

Palette guide

How to use Indigo Current Flow

Overview

The Indigo Current Flow palette offers a serene descent into profound, dark blues, mimicking the mysterious and calm depths of the ocean. Ranging from the deepest #0A0F1A to the ethereal #719BB9, including #1B2B47, #2E476F, and #4A6D9C, this monochromatic scheme provides designers and developers a sophisticated foundation. It's ideal for conveying tranquility, depth, and a sense of calm sophistication. Utilize these deep indigo hues to create designs that feel immersive, professional, and subtly dynamic, perfect for projects that require a contemplative or high-tech aesthetic.

Best used for

  • Tech and software interface design
  • Luxury marine and nautical branding
  • Meditation and mindfulness apps
  • Night sky photography and astronomy sites
  • Sophisticated corporate branding
  • Abstract art and digital installations

Suggested color roles

primary

Use #0A0F1A as the deepest, grounding indigo for primary backgrounds, navigation, or strong foundational elements.

secondary

Employ #1B2B47 for supportive content blocks, subheadings, or secondary graphics, providing a rich, dark blue layer.

accent

Apply #719BB9 as a light, ethereal accent for highlights, icons, or calls-to-action that need to stand out against the dark.

background

Utilize #0A0F1A as an immersive, dark background base, creating a sense of depth and focus.

text

For optimal readability on dark backgrounds, #719BB9 or crisp white provides excellent contrast and a sophisticated feel.

Accessibility notes

  • White or #719BB9 text is necessary for #0A0F1A, #1B2B47, and #2E476F to meet WCAG contrast guidelines.
  • Ensure sufficient contrast for all text and interactive elements; lighter blues like #4A6D9C might not contrast well enough on #719BB9 for small text.
  • Provide clear and distinct focus indicators for interactive elements, as subtle color changes may be hard to discern on dark backgrounds.
  • Avoid using adjacent shades for critical information if the contrast ratio is below 4.5:1 for regular text.

Recommended combinations

Deep Ocean Depth

Creates a layered, mysterious depth for backgrounds, gradients, or distinct content sections, ideal for immersive experiences.

#0A0F1A · #1B2B47 · #2E476F

Flowing Contrast

Perfect for dynamic elements, readable content blocks, or subtle transitions that guide the eye.

#4A6D9C · #719BB9 · #1B2B47

Ethereal Highlight

Use for subtle, guiding elements, light text on dark backgrounds, or to create a sense of calm illumination.

#719BB9 · #2E476F · #0A0F1A

CSS variables

:root {
  --indigo-current-flow-1: #0A0F1A;
  --indigo-current-flow-2: #1B2B47;
  --indigo-current-flow-3: #2E476F;
  --indigo-current-flow-4: #4A6D9C;
  --indigo-current-flow-5: #719BB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "indigo-current-flow": {
        1: "#0A0F1A",
        2: "#1B2B47",
        3: "#2E476F",
        4: "#4A6D9C",
        5: "#719BB9",
      }
    }
  }
}

Related searches

deep indigo color schemedark ocean blue palettecalm mysterious colorstech branding bluesserene dark blue design

Palette colors

Hex values

Color 1#0A0F1A
·
Color 2#1B2B47
·
Color 3#2E476F
·
Color 4#4A6D9C
·
Color 5#719BB9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3.6:1AA18
6.5:1AA
2
1.4:1Fail
1.5:1Fail
2.7:1Fail
4.8:1AA
3
2:1Fail
1.5:1Fail
1.8:1Fail
3.2:1AA18
4
3.6:1AA18
2.7:1Fail
1.8:1Fail
1.8:1Fail
5
6.5:1AA
4.8:1AA
3.2:1AA18
1.8:1Fail

Similar palettes

More like Indigo Current Flow

View all monochrome
Indigo Ocean Depths
Deep Ocean Abyss
Neptune's Embrace
Midnight Ink Spill
Obsidian Monolith Shadow
Shadowed Granite Depths