Palette

Woven Nomad Pattern

A rich, eclectic mix of deep reds, earthy browns, and soft purples, like a vintage tapestry.

earthretro5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Woven Nomad Pattern 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 Woven Nomad Pattern.

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

Data visualization

#800000#A0522D#D2691E#DDA0DD#B0E0E6

Palette guide

How to use Woven Nomad Pattern

Overview

The "Woven Nomad Pattern" palette is a vibrant and eclectic mix, drawing inspiration from vintage tapestries and rich cultural textiles. It combines the deep, commanding #800000 with the earthy warmth of #A0522D and the bright energy of #D2691E. Unexpected yet harmonious accents are provided by the soft, dusty purple #DDA0DD and the cool, airy #B0E0E6. This palette is perfect for designers looking to create a unique, artistic, and memorable experience, blending traditional richness with a touch of playful modernism, ideal for projects seeking a distinctive and expressive identity.

Best used for

Bohemian fashion brands
Artistic portfolio websites
Cultural event promotions
Vintage-inspired product packaging
Eclectic interior design blogs
Creative agency branding

Suggested color roles

primary

#800000 - A strong, deep maroon, excellent for impactful headlines, main navigation, or dominant brand elements, conveying richness and heritage.

secondary

#A0522D - A warm, earthy brown, suitable for large content blocks, secondary backgrounds, or supporting graphical elements.

accent

#D2691E - A vibrant orange-brown, perfect for call-to-action buttons, key highlights, or interactive elements, demanding attention.

background

#B0E0E6 - A very light, cool blue, offering a refreshing contrast to the warm tones and providing a spacious, airy canvas.

text

#800000 - This deep maroon provides strong contrast and excellent readability against lighter backgrounds like #B0E0E6. For a softer look, black or very dark brown can be used.

Accessibility notes

Ensure #800000 has strong contrast against #B0E0E6 for all text.
#A0522D and #D2691E will likely need to be on very light backgrounds for readability.
Avoid using #DDA0DD for text, especially on anything but the darkest backgrounds, as its contrast can be poor.
Use the cool #B0E0E6 as a background to provide sufficient contrast for the warmer, darker text colors.

Recommended combinations

Bold Earth & Sky

Creates a dynamic and high-contrast layout, ideal for headers, key messages, and backgrounds that pop.

#800000 · #D2691E · #B0E0E6

Rustic Harmony

Excellent for design elements requiring depth and a touch of unexpected elegance, such as banners or decorative patterns.

#A0522D · #DDA0DD · #800000

Vibrant Accent

Use the light blue as a background, with the orange as a vibrant accent for buttons, and the brown for readable text.

#B0E0E6 · #D2691E · #A0522D

CSS variables

:root {
  --woven-nomad-pattern-1: #800000;
  --woven-nomad-pattern-2: #A0522D;
  --woven-nomad-pattern-3: #D2691E;
  --woven-nomad-pattern-4: #DDA0DD;
  --woven-nomad-pattern-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-nomad-pattern": {
        1: "#800000",
        2: "#A0522D",
        3: "#D2691E",
        4: "#DDA0DD",
        5: "#B0E0E6",
      }
    }
  }
}

Hex values

Color 1#800000

Color 2#A0522D

Color 3#D2691E

Color 4#DDA0DD

Color 5#B0E0E6

Accessibility

Contrast checker

1.9:1Fail

3:1AA18

5.3:1AA

7.6:1AAA

1.9:1Fail

1.5:1Fail

2.7:1Fail

3.9:1AA18

3:1AA18

1.5:1Fail

1.8:1Fail

2.5:1Fail

5.3:1AA

2.7:1Fail

1.8:1Fail

1.4:1Fail

7.6:1AAA

3.9:1AA18

2.5:1Fail

1.4:1Fail

Similar palettes

More like Woven Nomad Pattern

Bohemian Rhapsody Hues

Galleon Sunken Gold