Palette

Indigo Denim Faded

Comfortable, familiar blues that evoke the timeless appeal of well-worn denim.

neutralcalm5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Indigo Denim Faded 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 Denim Faded.

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

Data visualization

#1A3A5D#3D608F#6A8BB6#9BBCE3#D4E3F7

Palette guide

How to use Indigo Denim Faded

Overview

The Indigo Denim Faded palette offers comfortable, familiar blues that evoke the timeless appeal of well-worn denim. With a range from the deep #1A3A5D to the airy #D4E3F7, including #3D608F, #6A8BB6, and #9BBCE3, this scheme provides designers and developers a versatile and approachable foundation. It's ideal for conveying casual comfort, rustic charm, and an authentic, down-to-earth aesthetic. Utilize these relaxed indigo hues to create designs that feel inviting, reliable, and effortlessly stylish, perfect for lifestyle brands or user-friendly interfaces.

Best used for

Casual apparel and fashion brands
Lifestyle blogs and online magazines
Rustic interior design and home goods
Children's clothing and toy brands
Informal digital interfaces and apps
DIY and craft-related projects

Suggested color roles

primary

Use #1A3A5D as a deep, grounding indigo for main headings, navigation, or foundational elements, providing stability.

secondary

Employ #3D608F for supportive content blocks, subheadings, or larger sections, offering a versatile mid-tone blue.

accent

Apply #9BBCE3 as a soft, faded highlight for subtle accents, interactive elements, or to add a touch of lightness.

background

Utilize #D4E3F7 as the lightest, airy background base, creating a clean and refreshing canvas.

text

For dark text, #1A3A5D provides excellent readability on lighter backgrounds. A charcoal gray can also be used for general body text.

Accessibility notes

Text in #1A3A5D on #D4E3F7 offers excellent contrast and readability for all users.
Ensure sufficient contrast for interactive elements, especially when using lighter blues like #9BBCE3 on #D4E3F7.
Avoid using #9BBCE3 on #D4E3F7 for small or essential text due to low contrast; reserve it for larger decorative elements.
White text works well on #1A3A5D and #3D608F, providing a clean and contemporary look.

Recommended combinations

Classic Denim Layers

Creates an authentic, layered denim feel for backgrounds, content blocks, or visual elements.

#1A3A5D · #3D608F · #6A8BB6

Faded Comfort

Perfect for soft, inviting elements, light backgrounds, or a gentle visual flow in user interfaces.

#9BBCE3 · #D4E3F7 · #3D608F

Rustic Base

Ideal for content, background, and accent combinations that prioritize readability and a grounded feel.

#1A3A5D · #D4E3F7 · #6A8BB6

CSS variables

:root {
  --indigo-denim-faded-1: #1A3A5D;
  --indigo-denim-faded-2: #3D608F;
  --indigo-denim-faded-3: #6A8BB6;
  --indigo-denim-faded-4: #9BBCE3;
  --indigo-denim-faded-5: #D4E3F7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "indigo-denim-faded": {
        1: "#1A3A5D",
        2: "#3D608F",
        3: "#6A8BB6",
        4: "#9BBCE3",
        5: "#D4E3F7",
      }
    }
  }
}

Hex values

Color 1#1A3A5D

Color 2#3D608F

Color 3#6A8BB6

Color 4#9BBCE3

Color 5#D4E3F7

Accessibility

Contrast checker

1.8:1Fail

3.3:1AA18

5.9:1AA

8.9:1AAA

1.8:1Fail

3.3:1AA18

4.9:1AA

3.3:1AA18

1.8:1Fail

2.7:1Fail

5.9:1AA

3.3:1AA18

1.8:1Fail

1.5:1Fail

8.9:1AAA

4.9:1AA

2.7:1Fail

1.5:1Fail

Similar palettes

More like Indigo Denim Faded

Indigo Denim Faded

See it in context.

Ready when you are.

Built with Indigo Denim Faded.

How to use Indigo Denim Faded

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Classic Denim Layers

Faded Comfort

Rustic Base

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Indigo Denim Faded