Back to palettes

Palette

Indigo Dye House

Rich blues ranging from deep indigo to soft sky, reminiscent of traditional fabric dyes.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Indigo Dye House 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 Dye House.

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

Data visualization

#483D8B#6A5ACD#7B68EE#ADD8E6#C6E2FF

Palette guide

How to use Indigo Dye House

Overview

The 'Indigo Dye House' palette offers a captivating spectrum from deep indigo to soft sky blues, reminiscent of traditional fabric dyeing processes. This versatile collection, featuring the rich #483D8B, the vibrant #6A5ACD, and the striking #7B68EE, alongside the airy #ADD8E6 and the delicate #C6E2FF, provides a serene yet dynamic range. Designers can leverage these hues to evoke calm, depth, and a touch of ethereal beauty, perfect for projects requiring a blend of tradition and modernity. Developers will find these colors highly adaptable for creating engaging user interfaces and branding that feels both established and refreshingly light.

Best used for

  • Art and design portfolios or gallery websites
  • Wellness and meditation app interfaces
  • Fashion or textile brand identities
  • Event branding for serene or artistic gatherings
  • Children's book illustrations or educational materials
  • Cloud-based software interfaces with a friendly feel

Suggested color roles

primary

Utilize #483D8B as the grounding deep indigo for headers, footers, or foundational elements, establishing depth.

secondary

Employ #6A5ACD for key content areas, subheadings, or prominent buttons, providing a rich, inviting presence.

accent

Apply #7B68EE or #ADD8E6 for calls-to-action, interactive elements, or highlight states, offering a bright, engaging pop.

background

The lightest shade, #C6E2FF, or a crisp white, works beautifully as a clean background. A subtle gradient using #ADD8E6 could also be effective.

text

On lighter backgrounds, #483D8B provides excellent readability. On darker blues, pure white or a very light grey like #C6E2FF is recommended.

Accessibility notes

  • Ensure #483D8B has sufficient contrast against #C6E2FF or white for body text to meet WCAG AA standards.
  • Avoid using #ADD8E6 or #C6E2FF for small text on mid-tone blues like #6A5ACD due to potential contrast issues.
  • Always check contrast ratios for text over #7B68EE, especially if the text color is also a mid-tone.
  • For interactive elements, ensure distinct visual cues beyond color, especially with the lighter shades.

Recommended combinations

Deep & Light

Excellent for creating a strong visual hierarchy with a serene, airy feel, ideal for hero sections.

#483D8B · #ADD8E6 · #C6E2FF

Vibrant Middle

Perfect for interactive components or sections needing a dynamic yet harmonious progression of color.

#6A5ACD · #7B68EE · #ADD8E6

Ethereal Gradient

Use for background gradients or artistic overlays, evoking a sense of depth and lightness.

#483D8B · #7B68EE · #C6E2FF

CSS variables

:root {
  --indigo-dye-house-1: #483D8B;
  --indigo-dye-house-2: #6A5ACD;
  --indigo-dye-house-3: #7B68EE;
  --indigo-dye-house-4: #ADD8E6;
  --indigo-dye-house-5: #C6E2FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "indigo-dye-house": {
        1: "#483D8B",
        2: "#6A5ACD",
        3: "#7B68EE",
        4: "#ADD8E6",
        5: "#C6E2FF",
      }
    }
  }
}

Related searches

indigo blue sky palettelight and deep blue color schemecalming indigo designethereal blue web colorstraditional modern blue palette

Palette colors

Hex values

Color 1#483D8B
·
Color 2#6A5ACD
·
Color 3#7B68EE
·
Color 4#ADD8E6
·
Color 5#C6E2FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.2:1Fail
5.9:1AA
6.8:1AA
2
1.7:1Fail
1.3:1Fail
3.5:1AA18
4:1AA18
3
2.2:1Fail
1.3:1Fail
2.7:1Fail
3.1:1AA18
4
5.9:1AA
3.5:1AA18
2.7:1Fail
1.1:1Fail
5
6.8:1AA
4:1AA18
3.1:1AA18
1.1:1Fail

Similar palettes

More like Indigo Dye House

View all cool
Indigo Dye House
Abyssal Blue Descent
Abyssal Current Glide
Azure Abyss Calm
Azure Canopy Light
Azure Ocean Current