Back to palettes

Palette

Gourmet Chocolate Rich

Deep, decadent browns that taste of luxurious gourmet chocolate.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gourmet Chocolate Rich 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 Gourmet Chocolate Rich.

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

Data visualization

#3F2305#6F4A2E#A07253#D19C79#8C5D3E

Palette guide

How to use Gourmet Chocolate Rich

Overview

The Gourmet Chocolate Rich palette is a decadent collection of deep, luxurious browns, reminiscent of fine confectionery. Ranging from the profound #3F2305 to the creamy #D19C79, with rich mid-tones like #6F4A2E, #8C5D3E, and #A07253, this palette exudes elegance, warmth, and sophistication. It's an excellent choice for designers aiming to convey premium quality, comfort, or a refined aesthetic. These hex codes are particularly effective for high-end branding, food-related content, or any digital interface that benefits from a rich, inviting, and professional appearance. Developers can easily integrate these shades for a cohesive and visually appealing user experience.

Best used for

  • Luxury food and beverage brands
  • High-end retail websites
  • Elegant hospitality branding
  • Coffee shop and bakery menus
  • Warm, inviting app interfaces
  • Professional corporate design

Suggested color roles

primary

Use #3F2305 as a deep, anchoring primary color for large backgrounds, headers, or foundational structural elements, establishing luxury.

secondary

Apply #6F4A2E for supporting content blocks, navigation bars, or secondary features, offering a rich, warm complementary tone.

accent

Employ #D19C79 sparingly for elegant highlights, interactive elements, or subtle graphic details to add a touch of creamy contrast.

background

Choose #3F2305 for a truly decadent, dark background, or #6F4A2E for a slightly softer but equally rich base.

text

Utilize #A07253 for headings and important text on darker backgrounds, or a crisp white/off-white for body copy to ensure readability.

Accessibility notes

  • Ensure sufficient contrast for text on dark backgrounds, especially using #A07253 on #3F2305.
  • Verify that interactive elements using #D19C79 have adequate contrast against #6F4A2E if placed closely.
  • Avoid using #3F2305 as text on #6F4A2E, as the contrast will be insufficient for readability.
  • For body text on very dark browns, a light cream or pure white is essential for optimal readability.

Recommended combinations

Decadent Depth

Excellent for creating layered backgrounds, sophisticated card designs, or visual transitions in web and print media.

#3F2305 · #6F4A2E · #A07253

Creamy Highlight

Ideal for highlighting key features, call-to-action buttons, or accentuating important information with soft contrast.

#6F4A2E · #D19C79 · #3F2305

Rich Gradient

Perfect for subtle gradients, graphic overlays, or illustrations where a transition through warm, gourmet browns is desired.

#8C5D3E · #A07253 · #D19C79

CSS variables

:root {
  --gourmet-chocolate-rich-1: #3F2305;
  --gourmet-chocolate-rich-2: #6F4A2E;
  --gourmet-chocolate-rich-3: #A07253;
  --gourmet-chocolate-rich-4: #D19C79;
  --gourmet-chocolate-rich-5: #8C5D3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gourmet-chocolate-rich": {
        1: "#3F2305",
        2: "#6F4A2E",
        3: "#A07253",
        4: "#D19C79",
        5: "#8C5D3E",
      }
    }
  }
}

Related searches

chocolate brown color paletterich brown hex codesgourmet design colorselegant warm color schemedark brown UI palette

Palette colors

Hex values

Color 1#3F2305
·
Color 2#6F4A2E
·
Color 3#A07253
·
Color 4#D19C79
·
Color 5#8C5D3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.5:1AA18
6:1AA
2.6:1Fail
2
1.9:1Fail
1.9:1Fail
3.2:1AA18
1.4:1Fail
3
3.5:1AA18
1.9:1Fail
1.7:1Fail
1.3:1Fail
4
6:1AA
3.2:1AA18
1.7:1Fail
2.3:1Fail
5
2.6:1Fail
1.4:1Fail
1.3:1Fail
2.3:1Fail

Similar palettes

More like Gourmet Chocolate Rich

View all dark
Artisan Cocoa Swirl
Cacao Bean Reverie
Espresso Bean Roam
Espresso Roast Depth
Berry Compote Luxe
Blackberry Bramble Luxe