← Back to Editor

#BCA37A · #C07740 · #AC5833 · #75312E · #370D17

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#BCA37A

Ginger · Tan · Warm Sun

HEX
#BCA37A
RGB
rgb(188, 163, 122)
HSL
hsl(37, 33%, 61%)
HSB
hsb(37, 35%, 74%)
CMYK
cmyk(0%, 13%, 35%, 26%)
Oklch
oklch(72.7% 0.063 79.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#C07740

Tangerine · Chocolate · Amber Brown

HEX
#C07740
RGB
rgb(192, 119, 64)
HSL
hsl(26, 50%, 50%)
HSB
hsb(26, 67%, 75%)
CMYK
cmyk(0%, 38%, 67%, 25%)
Oklch
oklch(63.7% 0.116 55.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#AC5833

Tangerine · Sienna · Amber Brown

HEX
#AC5833
RGB
rgb(172, 88, 51)
HSL
hsl(18, 54%, 44%)
HSB
hsb(18, 70%, 67%)
CMYK
cmyk(0%, 49%, 70%, 33%)
Oklch
oklch(55.5% 0.121 43.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#75312E

Crimson · Brown · Wine Red

HEX
#75312E
RGB
rgb(117, 49, 46)
HSL
hsl(3, 44%, 32%)
HSB
hsb(3, 61%, 46%)
CMYK
cmyk(0%, 58%, 61%, 54%)
Oklch
oklch(40.7% 0.097 24.8)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#370D17

Vermilion · Black · Deep Berry

HEX
#370D17
RGB
rgb(55, 13, 23)
HSL
hsl(346, 62%, 13%)
HSB
hsb(346, 76%, 22%)
CMYK
cmyk(0%, 76%, 58%, 78%)
Oklch
oklch(23.5% 0.067 9.5)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCA37A
7B94BC

Analogous

BC827B
BCA37A
B5BC7B

Triadic

BCA37A
7BBCA3
A37BBC

Split-Comp.

BCA37A
7BB5BC
827BBC

Tetradic

BCA37A
7BBC82
7B94BC
BC7BB5

Contrast Matrix WCAG 2.1 Contrast

BCA37A
C07740
AC5833
75312E
370D17
—
1.5
Fail
2.1
Fail
3.9
AA Large
7.0
AAA
1.5
Fail
—
1.4
Fail
2.7
Fail
4.8
AA
2.1
Fail
1.4
Fail
—
1.9
Fail
3.4
AA Large
3.9
AA Large
2.7
Fail
1.9
Fail
—
1.8
Fail
7.0
AAA
4.8
AA
3.4
AA Large
1.8
Fail
—
White BG
2.4Fail
3.5AA Large
5.0AA
9.4AAA
17.0AAA
Black BG
8.7AAA
6.0AA
4.2AA Large
2.2Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B184
A0A04D
88873C
58572F
252415

Deuteranopia

B3B586
A5AA51
8D933E
5C612F
272A14

Tritanopia

BB8C8D
BC585A
A84345
722F2F
351312

Achromatopsia

A6A6A6
878787
6D6D6D
454545
1B1B1B

Shades & Tints Shades & Tints

#BCA37A

Dark
Light

#C07740

Dark
Light

#AC5833

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bca37a;
  --color-2: #c07740;
  --color-3: #ac5833;
  --color-4: #75312e;
  --color-5: #370d17;
}

SCSS

$color-1: #bca37a;
$color-2: #c07740;
$color-3: #ac5833;
$color-4: #75312e;
$color-5: #370d17;

TAILWIND

colors: {
  'brand-1': '#bca37a',
  'brand-2': '#c07740',
  'brand-3': '#ac5833',
  'brand-4': '#75312e',
  'brand-5': '#370d17',
}

RGB Array

[188, 163, 122], [192, 119, 64], [172, 88, 51], [117, 49, 46], [55, 13, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #BCA37A, #C07740, #AC5833, #75312E, #370D17 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bca37a; --color-2: #c07740; --color-3: #ac5833; --color-4: #75312e; --color-5: #370d17. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This warm-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color