Back to palettes

Palette

Indigo Textile Weave

A classic range of blues, inspired by well-loved denim and traditional indigo dyes, offering comfort and familiarity.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Indigo Textile Weave 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 Textile Weave.

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

Data visualization

#4B0082#4169E1#87CEEB#778899#2B2B4F

Palette guide

How to use Indigo Textile Weave

Overview

The Indigo Textile Weave palette offers a classic range of blues, inspired by well-loved denim and traditional indigo dyes, evoking comfort and familiarity. This palette features a vibrant Royal Blue #4169E1, a deep Indigo #4B0082, and a soft Sky Blue #87CEEB. The addition of a versatile Slate Grey #778899 and a profound Dark Indigo #2B2B4F grounds the scheme. Designers and developers can leverage these colors to create approachable, timeless, and robust digital products, apparel branding, or lifestyle content that feels both modern and nostalgic. It's a versatile choice for a friendly yet sophisticated aesthetic.

Best used for

  • Casual fashion and apparel brands
  • Artisan craft and handmade product websites
  • Lifestyle blogs and online magazines
  • Educational materials with a friendly tone
  • Community and social platforms
  • Vintage-inspired graphic design projects

Suggested color roles

primary

Use #4169E1 as the main brand color for calls to action, important links, or prominent headings, conveying approachability and energy.

secondary

Apply #2B2B4F for deep, grounding elements like footers, strong text, or navigation bars, providing a solid foundation.

accent

Highlight interactive elements, notifications, or key visual details with #87CEEB, offering a light, airy contrast.

background

Employ #778899 as a soft, neutral blue-grey background for content areas, providing a comfortable and readable canvas.

text

For maximum readability on lighter backgrounds, use #2B2B4F or a standard black for body text and essential information.

Accessibility notes

  • Ensure sufficient contrast when pairing #87CEEB with #778899 or #4169E1 for any critical text or interactive elements.
  • Prioritize using #2B2B4F for body text on light backgrounds to meet readability standards.
  • Check that #4B0082 has adequate contrast when used as text or icons against mid-tone blues like #4169E1.
  • Use a contrast checker tool to validate combinations, especially for smaller font sizes.

Recommended combinations

Denim Classic

Combines a dark base (#2B2B4F) with a vibrant primary (#4169E1) and a soft neutral (#778899) for text or background elements, like a classic pair of jeans.

#2B2B4F · #4169E1 · #778899

Sky & Indigo

Use #4169E1 as a primary color, #87CEEB for light accents or illustrations, and #4B0082 for deep, impactful headers or dividers.

#4169E1 · #87CEEB · #4B0082

Muted Comfort

Apply #778899 for a comfortable background, #87CEEB for subtle highlights or icons, and #2B2B4F for clear, readable body text.

#778899 · #87CEEB · #2B2B4F

CSS variables

:root {
  --indigo-textile-weave-1: #4B0082;
  --indigo-textile-weave-2: #4169E1;
  --indigo-textile-weave-3: #87CEEB;
  --indigo-textile-weave-4: #778899;
  --indigo-textile-weave-5: #2B2B4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "indigo-textile-weave": {
        1: "#4B0082",
        2: "#4169E1",
        3: "#87CEEB",
        4: "#778899",
        5: "#2B2B4F",
      }
    }
  }
}

Related searches

denim color paletteclassic indigo schemecomfortable blue tonestextile inspired colorstraditional blue grey

Palette colors

Hex values

Color 1#4B0082
·
Color 2#4169E1
·
Color 3#87CEEB
·
Color 4#778899
·
Color 5#2B2B4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.7:1Fail
7.4:1AAA
3.6:1AA18
1:1Fail
2
2.7:1Fail
2.8:1Fail
1.3:1Fail
2.8:1Fail
3
7.4:1AAA
2.8:1Fail
2.1:1Fail
7.7:1AAA
4
3.6:1AA18
1.3:1Fail
2.1:1Fail
3.7:1AA18
5
1:1Fail
2.8:1Fail
7.7:1AAA
3.7:1AA18

Similar palettes

More like Indigo Textile Weave

View all cool
Aegean Coast Breeze
Aurora Borealis Glow
Azure Coast Relic
Azure Coastline
Beryl Stream
Bohemian Sky Weave