Back to palettes

Palette

Burnt Umber Canvas

A rich, grounding palette inspired by traditional art pigments and the warmth of a rustic canvas.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Burnt Umber Canvas 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 Burnt Umber Canvas.

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

Data visualization

#6A3F2E#8C553C#A8765A#C8A087#DCCDB8

Palette guide

How to use Burnt Umber Canvas

Overview

The Burnt Umber Canvas palette is a rich, grounding collection inspired by traditional art pigments and the warmth of a rustic canvas. This warm palette features the dark brown of #6A3F2E, the medium brown of #8C553C, the lighter brown of #A8765A, the subtle light brown of #C8A087, and the soft light beige of #DCCDB8. It's an excellent choice for designers aiming to create earthy, artistic, and robust visuals. The palette evokes a sense of natural authenticity, timeless craftsmanship, and cozy warmth, perfect for projects that celebrate heritage, tactile textures, and a grounded aesthetic.

Best used for

  • Art studio branding and portfolios
  • Rustic interior design and decor
  • Natural product packaging and branding
  • Earthy photography themes and prints
  • Historical art exhibitions and galleries
  • Cozy website backgrounds and blog themes

Suggested color roles

primary

Use #8C553C as a warm, stable primary umber, perfect for main brand elements or inviting sections.

secondary

Apply #6A3F2E as a darker umber secondary color, offering grounding support and robustness.

accent

Introduce #A8765A as a lighter umber accent, ideal for subtle highlights or decorative details.

background

Utilize #DCCDB8 as a soft, neutral light beige canvas, providing an airy and clean base.

text

For body text, #6A3F2E (dark brown) offers excellent readability against lighter colors in the palette, ensuring strong contrast.

Accessibility notes

  • #6A3F2E and #8C553C offer strong contrast for text against the lightest colors like #DCCDB8 and #C8A087, ensuring readability.
  • Be cautious using #A8765A or #C8A087 for text against similar light backgrounds to avoid low contrast for smaller fonts.
  • Ensure interactive elements are clearly discernible, possibly using a slightly bolder shade for active states or borders.
  • For body text, stick to the darkest browns to ensure maximum readability for all users, meeting WCAG standards.

Recommended combinations

Rustic Depths

Ideal for creating a deep, grounded background with prominent content or sophisticated branding.

#6A3F2E · #8C553C · #DCCDB8

Canvas Warmth

Great for soft gradients, layered textural elements, or creating subtle visual interest.

#A8765A · #C8A087 · #8C553C

Earthy Harmony

Perfect for clean, artistic layouts with a natural touch or elegant editorial designs.

#DCCDB8 · #6A3F2E · #A8765A

CSS variables

:root {
  --burnt-umber-canvas-1: #6A3F2E;
  --burnt-umber-canvas-2: #8C553C;
  --burnt-umber-canvas-3: #A8765A;
  --burnt-umber-canvas-4: #C8A087;
  --burnt-umber-canvas-5: #DCCDB8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "burnt-umber-canvas": {
        1: "#6A3F2E",
        2: "#8C553C",
        3: "#A8765A",
        4: "#C8A087",
        5: "#DCCDB8",
      }
    }
  }
}

Related searches

burnt umber color paletteearthy brown canvasrustic art studio colorsnatural pigment schemewarm neutral design

Palette colors

Hex values

Color 1#6A3F2E
·
Color 2#8C553C
·
Color 3#A8765A
·
Color 4#C8A087
·
Color 5#DCCDB8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.7:1AA18
5.7:1AA
2
1.5:1Fail
1.6:1Fail
2.5:1Fail
3.9:1AA18
3
2.3:1Fail
1.6:1Fail
1.6:1Fail
2.5:1Fail
4
3.7:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
5.7:1AA
3.9:1AA18
2.5:1Fail
1.5:1Fail

Similar palettes

More like Burnt Umber Canvas

View all warm