Back to palettes

Palette

Worn Canvas Texture

Subtle, earthy tones reflect the faded and textured surface of a well-used artist's canvas or old tent.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Worn Canvas Texture 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 Worn Canvas Texture.

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

Data visualization

#6D5D4E#8A796A#AEA599#CDC7BF#EAE6E1

Palette guide

How to use Worn Canvas Texture

Overview

The Worn Canvas Texture palette offers a serene collection of muted, earthy neutrals perfect for creating a calming and sophisticated digital presence. Dominated by hues like the deep brown-grey of #6D5D4E, the warm taupe of #8A796A, and the soft beige of #AEA599, this palette evokes the timeless feel of aged fabric. Designers can leverage #CDC7BF as a versatile secondary color, while #EAE6E1 provides a gentle, near-white base. These colors are ideal for projects requiring a vintage, organic, or minimalist aesthetic, providing a subtle backdrop that allows content to shine without being overwhelmed. Developers will find these hex codes easy to implement for consistent branding across web and mobile interfaces, ensuring a cohesive user experience.

Best used for

  • E-commerce for artisanal goods
  • Interior design portfolio websites
  • Sustainable fashion branding
  • Art gallery digital platforms
  • Meditation app interfaces
  • Vintage-inspired photography blogs

Suggested color roles

primary

Use #6D5D4E for strong headings or foundational elements, conveying depth and stability.

secondary

Ideal for subheadings, navigation, or subtle graphic accents, providing warmth with #8A796A.

accent

A soft, versatile accent for buttons, icons, or interactive elements that need to stand out gently, using #AEA599.

background

A light, airy base that ensures readability and a sense of openness with #EAE6E1.

text

Excellent for primary body text on light backgrounds like #EAE6E1 for optimal readability, using #6D5D4E or a charcoal black.

Accessibility notes

  • Ensure #6D5D4E text on #EAE6E1 background meets WCAG AA contrast ratios.
  • Avoid using #CDC7BF for small text on #AEA599 as contrast might be insufficient.
  • Use a darker shade like #6D5D4E for interactive elements on lighter backgrounds.
  • Consider a near-black for critical text if the palette's darker tones don't meet AAA standards.

Recommended combinations

Earthy Base

For main content areas where a light background, subtle secondary, and dark text/headings are needed.

#EAE6E1 · #CDC7BF · #6D5D4E

Muted Depth

Perfect for creating depth in sections like testimonials or feature blocks with a soft, layered look.

#8A796A · #AEA599 · #6D5D4E

Subtle Highlight

A clean background with strong primary text and a gentle accent for calls to action.

#EAE6E1 · #6D5D4E · #AEA599

CSS variables

:root {
  --worn-canvas-texture-1: #6D5D4E;
  --worn-canvas-texture-2: #8A796A;
  --worn-canvas-texture-3: #AEA599;
  --worn-canvas-texture-4: #CDC7BF;
  --worn-canvas-texture-5: #EAE6E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "worn-canvas-texture": {
        1: "#6D5D4E",
        2: "#8A796A",
        3: "#AEA599",
        4: "#CDC7BF",
        5: "#EAE6E1",
      }
    }
  }
}

Related searches

muted earthy color schemeneutral canvas palettevintage fabric colorscalming art palettedesign with brown grey beige

Palette colors

Hex values

Color 1#6D5D4E
·
Color 2#8A796A
·
Color 3#AEA599
·
Color 4#CDC7BF
·
Color 5#EAE6E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.6:1Fail
3.8:1AA18
5.1:1AA
2
1.5:1Fail
1.7:1Fail
2.5:1Fail
3.4:1AA18
3
2.6:1Fail
1.7:1Fail
1.4:1Fail
2:1Fail
4
3.8:1AA18
2.5:1Fail
1.4:1Fail
1.4:1Fail
5
5.1:1AA
3.4:1AA18
2:1Fail
1.4:1Fail

Similar palettes

More like Worn Canvas Texture

View all neutral