← Back to Editor

#6E4310 · #670B00 · #211009 · #99640E · #C7AC81

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#6E4310

Ochre · DarkOliveGreen · Cinnamon

HEX
#6E4310
RGB
rgb(110, 67, 16)
HSL
hsl(33, 75%, 25%)
HSB
hsb(33, 85%, 43%)
CMYK
cmyk(0%, 39%, 85%, 57%)
Oklch
oklch(42.4% 0.086 65.1)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#670B00

Vermilion · Maroon · Deep Berry

HEX
#670B00
RGB
rgb(103, 11, 0)
HSL
hsl(6, 100%, 20%)
HSB
hsb(6, 100%, 40%)
CMYK
cmyk(0%, 89%, 100%, 60%)
Oklch
oklch(33.0% 0.126 31.7)

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

#211009

Tangerine · Black · Cinnamon

HEX
#211009
RGB
rgb(33, 16, 9)
HSL
hsl(17, 57%, 8%)
HSB
hsb(17, 73%, 13%)
CMYK
cmyk(0%, 52%, 73%, 87%)
Oklch
oklch(19.6% 0.032 43.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#99640E

Ochre · Sienna · Amber Brown

HEX
#99640E
RGB
rgb(153, 100, 14)
HSL
hsl(37, 83%, 33%)
HSB
hsb(37, 91%, 60%)
CMYK
cmyk(0%, 35%, 91%, 40%)
Oklch
oklch(54.7% 0.113 71.7)

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

#C7AC81

Ginger · Tan · Warm Sun

HEX
#C7AC81
RGB
rgb(199, 172, 129)
HSL
hsl(37, 38%, 64%)
HSB
hsb(37, 35%, 78%)
CMYK
cmyk(0%, 14%, 35%, 22%)
Oklch
oklch(75.8% 0.066 79.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E4310
103B70

Analogous

701510
6E4310
6B7010

Triadic

6E4310
107045
451070

Split-Comp.

6E4310
106B70
151070

Tetradic

6E4310
107015
103B70
70106B

Contrast Matrix WCAG 2.1 Contrast

6E4310
670B00
211009
99640E
C7AC81
—
1.5
Fail
2.2
Fail
1.7
Fail
3.9
AA Large
1.5
Fail
—
1.4
Fail
2.6
Fail
5.9
AA
2.2
Fail
1.4
Fail
—
3.7
AA Large
8.4
AAA
1.7
Fail
2.6
Fail
3.7
AA Large
—
2.3
Fail
3.9
AA Large
5.9
AA
8.4
AAA
2.3
Fail
—
White BG
8.5AAA
12.9AAA
18.4AAA
5.0AA
2.2Fail
Black BG
2.5Fail
1.6Fail
1.1Fail
4.2AA Large
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5B1C
3F3E03
1A190B
828223
BBBB8B

Deuteranopia

5E611F
454B03
1B1C0B
858928
BDBF8E

Tritanopia

6C2628
620505
200C0C
963337
C69495

Achromatopsia

4A4A4A
252525
141414
6A6A6A
AFAFAF

Shades & Tints Shades & Tints

#6E4310

Dark
Light

#670B00

Dark
Light

#211009

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e4310;
  --color-2: #670b00;
  --color-3: #211009;
  --color-4: #99640e;
  --color-5: #c7ac81;
}

SCSS

$color-1: #6e4310;
$color-2: #670b00;
$color-3: #211009;
$color-4: #99640e;
$color-5: #c7ac81;

TAILWIND

colors: {
  'brand-1': '#6e4310',
  'brand-2': '#670b00',
  'brand-3': '#211009',
  'brand-4': '#99640e',
  'brand-5': '#c7ac81',
}

RGB Array

[110, 67, 16], [103, 11, 0], [33, 16, 9], [153, 100, 14], [199, 172, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #6E4310, #670B00, #211009, #99640E, #C7AC81 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6e4310; --color-2: #670b00; --color-3: #211009; --color-4: #99640e; --color-5: #c7ac81. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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