← Back to Editor

#7E4B16 · #1E1C0F · #644C20 · #C2985E · #EBCC93

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

#7E4B16

Ochre · Sienna · Amber Brown

HEX
#7E4B16
RGB
rgb(126, 75, 22)
HSL
hsl(31, 70%, 29%)
HSB
hsb(31, 83%, 49%)
CMYK
cmyk(0%, 40%, 83%, 51%)
Oklch
oklch(46.3% 0.095 61.8)

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

#1E1C0F

Autumn Sage · Black · Amber Gold

HEX
#1E1C0F
RGB
rgb(30, 28, 15)
HSL
hsl(52, 33%, 9%)
HSB
hsb(52, 50%, 12%)
CMYK
cmyk(0%, 7%, 50%, 88%)
Oklch
oklch(22.5% 0.023 100.5)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#644C20

Ochre · DarkOliveGreen · Amber Brown

HEX
#644C20
RGB
rgb(100, 76, 32)
HSL
hsl(39, 52%, 26%)
HSB
hsb(39, 68%, 39%)
CMYK
cmyk(0%, 24%, 68%, 61%)
Oklch
oklch(43.2% 0.069 80.3)

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

#C2985E

Ginger · DarkSalmon · Warm Sun

HEX
#C2985E
RGB
rgb(194, 152, 94)
HSL
hsl(35, 45%, 56%)
HSB
hsb(35, 52%, 76%)
CMYK
cmyk(0%, 22%, 52%, 24%)
Oklch
oklch(70.6% 0.091 74.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#EBCC93

Goose Yellow · BurlyWood · Warm Sun

HEX
#EBCC93
RGB
rgb(235, 204, 147)
HSL
hsl(39, 69%, 75%)
HSB
hsb(39, 37%, 92%)
CMYK
cmyk(0%, 13%, 37%, 8%)
Oklch
oklch(85.8% 0.081 82.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7E4B16
16487E

Analogous

7E1816
7E4B16
7C7E16

Triadic

7E4B16
167E4C
4C167E

Split-Comp.

7E4B16
167C7E
18167E

Tetradic

7E4B16
167E18
16487E
7E167C

Contrast Matrix WCAG 2.1 Contrast

7E4B16
1E1C0F
644C20
C2985E
EBCC93
—
2.4
Fail
1.1
Fail
2.7
Fail
4.7
AA
2.4
Fail
—
2.1
Fail
6.5
AA
11.1
AAA
1.1
Fail
2.1
Fail
—
3.1
AA Large
5.2
AA
2.7
Fail
6.5
AA
3.1
AA Large
—
1.7
Fail
4.7
AA
11.1
AAA
5.2
AA
1.7
Fail
—
White BG
7.2AAA
17.1AAA
8.1AAA
2.6Fail
1.5Fail
Black BG
2.9Fail
1.2Fail
2.6Fail
7.9AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

686723
1D1D12
5A592B
B0AF6C
DEDDA1

Deuteranopia

6B6F26
1D1D13
5B5D2D
B2B56F
DFE2A4

Tritanopia

7B2D2F
1E1515
633335
C0777A
E9ACAE

Achromatopsia

545454
1B1B1B
4E4E4E
9E9E9E
CFCFCF

Shades & Tints Shades & Tints

#7E4B16

Dark
Light

#1E1C0F

Dark
Light

#644C20

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7e4b16;
  --color-2: #1e1c0f;
  --color-3: #644c20;
  --color-4: #c2985e;
  --color-5: #ebcc93;
}

SCSS

$color-1: #7e4b16;
$color-2: #1e1c0f;
$color-3: #644c20;
$color-4: #c2985e;
$color-5: #ebcc93;

TAILWIND

colors: {
  'brand-1': '#7e4b16',
  'brand-2': '#1e1c0f',
  'brand-3': '#644c20',
  'brand-4': '#c2985e',
  'brand-5': '#ebcc93',
}

RGB Array

[126, 75, 22], [30, 28, 15], [100, 76, 32], [194, 152, 94], [235, 204, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #7E4B16, #1E1C0F, #644C20, #C2985E, #EBCC93 is ideal for: tech websites, dark mode UIs, game UIs, 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: #7e4b16; --color-2: #1e1c0f; --color-3: #644c20; --color-4: #c2985e; --color-5: #ebcc93. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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