Back to palettes

Palette

Velvet Cacao Dust

Deep, luscious browns reminiscent of rich cacao and opulent velvet fabrics.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Velvet Cacao Dust 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 Velvet Cacao Dust.

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

Data visualization

#3D2B2B#5E4747#7E6363#A18282#2B1E1E

Palette guide

How to use Velvet Cacao Dust

Overview

The Velvet Cacao Dust palette offers a collection of deep, luscious browns, reminiscent of rich cacao and opulent velvet fabrics. Anchored by the profound #2B1E1E, it progresses through #3D2B2B, #5E4747, and #7E6363, culminating in the lighter #A18282. This scheme is primarily dark, providing subtle shifts in tone that create a sense of luxurious depth and warmth. It's an excellent choice for designers seeking to convey sophistication, richness, and understated elegance, perfect for high-end branding, dark mode interfaces, or designs that require a comforting yet refined aesthetic.

Best used for

  • Luxury confectionery and gourmet food branding
  • Sophisticated packaging for premium products
  • Dark mode user interfaces and applications
  • High-end fashion accessories and leather goods
  • Elegant branding with subtle depth
  • Digital art and photography with a rich, moody feel

Suggested color roles

primary

Utilize #2B1E1E as the dominant background or primary branding color to establish a profound, luxurious foundation.

secondary

Employ #3D2B2B and #5E4747 for secondary content areas, panels, or subtle graphic elements, adding depth.

accent

The lighter #A18282 can highlight key information or interactive elements, providing a gentle, warm contrast.

background

The deepest #2B1E1E or #3D2B2B offers a sophisticated dark background, making lighter elements pop.

text

For optimal readability on dark backgrounds, use a light cream or white. For headings, #A18282 can offer a warm accent.

Accessibility notes

  • Text on these dark browns will require significant contrast; always use white or a very light cream.
  • Avoid using mid-tone browns for small text against similar dark backgrounds, as contrast will be insufficient.
  • Interactive elements should have clear visual cues beyond color, due to the subtle tonal shifts within the dark range.
  • Ensure any lighter brown text, such as #A18282, has a minimum contrast ratio of 4.5:1 against its background.

Recommended combinations

Deep Cacao

Ideal for main content sections, offering a deep, luxurious background with warm mid-tones and a readable accent.

#2B1E1E · #5E4747 · #A18282

Velvet Layers

Excellent for subtle gradient effects, background textures, or layered UI components that require nuanced depth.

#3D2B2B · #5E4747 · #7E6363

Dusty Highlight

Perfect for drawing attention to key details, navigation elements, or creating a refined, understated visual hierarchy.

#2B1E1E · #A18282 · #7E6363

CSS variables

:root {
  --velvet-cacao-dust-1: #3D2B2B;
  --velvet-cacao-dust-2: #5E4747;
  --velvet-cacao-dust-3: #7E6363;
  --velvet-cacao-dust-4: #A18282;
  --velvet-cacao-dust-5: #2B1E1E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-cacao-dust": {
        1: "#3D2B2B",
        2: "#5E4747",
        3: "#7E6363",
        4: "#A18282",
        5: "#2B1E1E",
      }
    }
  }
}

Related searches

dark brown color paletterich cacao colorsluxurious velvet themedeep earthy tonessophisticated dark design

Palette colors

Hex values

Color 1#3D2B2B
·
Color 2#5E4747
·
Color 3#7E6363
·
Color 4#A18282
·
Color 5#2B1E1E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
3.8:1AA18
1.2:1Fail
2
1.6:1Fail
1.6:1Fail
2.4:1Fail
1.9:1Fail
3
2.4:1Fail
1.6:1Fail
1.6:1Fail
2.9:1Fail
4
3.8:1AA18
2.4:1Fail
1.6:1Fail
4.6:1AA
5
1.2:1Fail
1.9:1Fail
2.9:1Fail
4.6:1AA

Similar palettes

More like Velvet Cacao Dust

View all dark
Ancient Library Gloom
Coffee Bean Aroma
Crimson Wine Cellar
Deep Amber Resin
Espresso Bean Rich
Espresso Roast Dark