Back to palettes

Palette

Artisan Cocoa Swirl

The rich, indulgent hues of artisan dark chocolate, a decadent blend of warm and deep browns.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Artisan Cocoa Swirl 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 Artisan Cocoa Swirl.

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

Data visualization

#3D2926#6B4A46#9E7D77#CFC1BB#5B3B38

Palette guide

How to use Artisan Cocoa Swirl

Overview

The Artisan Cocoa Swirl palette embodies the rich, indulgent hues of artisan dark chocolate, a decadent blend of warm and deep browns. With colors like #3D2926, #6B4A46, #9E7D77, #CFC1BB, and #5B3B38, this collection exudes elegance, sophistication, and comforting richness. It's ideal for designers seeking to convey luxury, warmth, and a gourmet aesthetic. These versatile tones are perfect for creating refined digital spaces, premium product packaging, and evocative visual narratives that celebrate indulgence.

Best used for

  • Gourmet food and beverage brands (especially chocolate/coffee)
  • Luxury packaging and high-end product design
  • Elegant interior design and decor
  • Sophisticated websites and e-commerce platforms
  • Premium lifestyle and fashion branding
  • Cozy cafes and patisseries

Suggested color roles

primary

Use #6B4A46 as a rich, inviting primary color for headlines or key visual elements, embodying chocolate warmth.

secondary

Apply #9E7D77 for a lighter, warm supporting hue, suitable for backgrounds or subtle graphic elements, offering softness.

accent

Incorporate #3D2926 for the deepest accent, perfect for calls to action or important details that require strong, luxurious emphasis.

background

Utilize #CFC1BB for primary backgrounds, providing a soft, creamy light brown, and expansive base that enhances other colors.

text

Employ #3D2926 for body text, ensuring optimal readability on lighter backgrounds with its deep, robust brown. For text on darker palette colors, use #CFC1BB or pure white.

Accessibility notes

  • Ensure #3D2926 provides strong contrast for all text on #CFC1BB and #9E7D77 backgrounds.
  • Be cautious when using #9E7D77 for small text on mid-tone backgrounds, as its value might lead to lower contrast.
  • Always test color combinations to meet WCAG contrast guidelines, especially for interactive elements.
  • For critical information, prioritize higher contrast pairings, possibly with a neutral white background not in the palette.

Recommended combinations

Creamy Chocolate

An excellent combination for main content areas, providing a clear visual hierarchy from a light background to rich headings.

#CFC1BB · #9E7D77 · #6B4A46

Deep Indulgence

Ideal for creating depth and luxury in graphic elements, illustrations, or feature sections, showcasing tonal variation.

#3D2926 · #5B3B38 · #6B4A46

Elegant Contrast

Suitable for harmonious layered backgrounds or subtle visual elements that require a gentle transition, maintaining elegance and depth.

#CFC1BB · #5B3B38 · #3D2926

CSS variables

:root {
  --artisan-cocoa-swirl-1: #3D2926;
  --artisan-cocoa-swirl-2: #6B4A46;
  --artisan-cocoa-swirl-3: #9E7D77;
  --artisan-cocoa-swirl-4: #CFC1BB;
  --artisan-cocoa-swirl-5: #5B3B38;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artisan-cocoa-swirl": {
        1: "#3D2926",
        2: "#6B4A46",
        3: "#9E7D77",
        4: "#CFC1BB",
        5: "#5B3B38",
      }
    }
  }
}

Related searches

dark chocolate paletterich brown colorselegant food brandingsophisticated cocoa hueswarm dark neutrals

Palette colors

Hex values

Color 1#3D2926
·
Color 2#6B4A46
·
Color 3#9E7D77
·
Color 4#CFC1BB
·
Color 5#5B3B38
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.7:1AA18
7.8:1AAA
1.4:1Fail
2
1.7:1Fail
2.1:1Fail
4.5:1AA18
1.3:1Fail
3
3.7:1AA18
2.1:1Fail
2.1:1Fail
2.7:1Fail
4
7.8:1AAA
4.5:1AA18
2.1:1Fail
5.6:1AA
5
1.4:1Fail
1.3:1Fail
2.7:1Fail
5.6:1AA

Similar palettes

More like Artisan Cocoa Swirl

View all dark
Gourmet Chocolate Rich
Cacao Bean Reverie
Espresso Bean Roam
Espresso Roast Depth
Velvet Cacao Bean
Berry Compote Luxe