Back to palettes

Palette

Melted Chocolate Indulge

A rich and decadent range of browns, inspired by luxurious melted chocolate, perfect for indulgence.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Melted Chocolate Indulge 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 Melted Chocolate Indulge.

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

Data visualization

#362222#5A3D2C#7B5B47#A17E69#C7A68E

Palette guide

How to use Melted Chocolate Indulge

Overview

The Melted Chocolate Indulge palette is a rich and decadent collection of browns, inspired by luxurious melted chocolate. This sophisticated range, featuring shades like #362222 (Very Dark Brown), #7B5B47 (Medium Brown), and #C7A68E (Pale Brown), is perfect for designs that aim to convey elegance, warmth, and indulgence. Developers and designers can use these harmonious tones to create premium branding, inviting user interfaces, or sophisticated digital experiences. With #5A3D2C (Dark Brown) and #A17E69 (Light Brown) providing a smooth gradient of depth, this palette offers versatility for a truly opulent aesthetic.

Best used for

  • Luxury food and beverage branding (e.g., gourmet chocolate)
  • High-end fashion or lifestyle websites
  • Sophisticated user interfaces for premium services
  • Cozy and elegant interior design concepts
  • Wedding and event planning with a classic touch
  • Art and photography portfolios seeking a rich backdrop

Suggested color roles

primary

Use #362222 as the dominant dark tone for backgrounds, headers, or elegant graphical elements to convey luxury and depth.

secondary

Employ #7B5B47 for secondary content areas, navigation, or as a balanced, inviting mid-tone brown.

accent

Apply #5A3D2C as a rich accent for important details, calls to action, or sophisticated typography, adding subtle contrast.

background

Utilize #C7A68E for soft, creamy backgrounds, providing a lighter canvas that allows darker elements to stand out beautifully.

text

For primary text, #362222 offers excellent readability on lighter backgrounds; use white or a very light cream on darker backgrounds.

Accessibility notes

  • Ensure sufficient contrast when placing text on #C7A68E; #362222 or #5A3D2C are excellent choices for body text.
  • When using darker browns like #362222 or #5A3D2C as backgrounds, use white or a very light cream for text to ensure readability.
  • Avoid using #A17E69 for critical text on #C7A68E due to potential low contrast.
  • Consider using distinct border colors for interactive elements when surrounded by similar brown shades.

Recommended combinations

Decadent Depth

Ideal for creating a deep, luxurious feel in branding, hero sections, or sophisticated visual compositions.

#362222 · #5A3D2C · #7B5B47

Creamy Indulgence

Perfect for soft, inviting backgrounds, highlighting creamy textures, or for subtle UI components that feel warm and rich.

#C7A68E · #A17E69 · #7B5B47

Rich Contrast

Great for establishing strong contrast and a sense of premium quality, suitable for bold headlines or feature blocks.

#362222 · #C7A68E · #5A3D2C

CSS variables

:root {
  --melted-chocolate-indulge-1: #362222;
  --melted-chocolate-indulge-2: #5A3D2C;
  --melted-chocolate-indulge-3: #7B5B47;
  --melted-chocolate-indulge-4: #A17E69;
  --melted-chocolate-indulge-5: #C7A68E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "melted-chocolate-indulge": {
        1: "#362222",
        2: "#5A3D2C",
        3: "#7B5B47",
        4: "#A17E69",
        5: "#C7A68E",
      }
    }
  }
}

Related searches

chocolate color paletterich brown schemegourmet branding colorscozy elegant designdecadent food theme

Palette colors

Hex values

Color 1#362222
·
Color 2#5A3D2C
·
Color 3#7B5B47
·
Color 4#A17E69
·
Color 5#C7A68E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
4:1AA18
6.6:1AA
2
1.5:1Fail
1.6:1Fail
2.7:1Fail
4.3:1AA18
3
2.4:1Fail
1.6:1Fail
1.7:1Fail
2.7:1Fail
4
4:1AA18
2.7:1Fail
1.7:1Fail
1.6:1Fail
5
6.6:1AA
4.3:1AA18
2.7:1Fail
1.6:1Fail

Similar palettes

More like Melted Chocolate Indulge

View all warm
Spiced Fig Delight
Aged Leather Patina
Ancient Gold Tapestry
Bohemian Velvet Rust
Cozy Spiced Delight
Old Bookshelf Warmth