#6E1E15 + #99563C + #CC9030 + #906C18 + #69572F · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6E1E15

Vermilion · Maroon · Wine Red

HEX

#6E1E15

RGB

rgb(110, 30, 21)

HSL

hsl(6, 68%, 26%)

HSB

hsb(6, 81%, 43%)

CMYK

cmyk(0%, 73%, 81%, 57%)

Oklch

oklch(36.4% 0.115 30.0)

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

#99563C

Tangerine · Sienna · Amber Brown

HEX

#99563C

RGB

rgb(153, 86, 60)

HSL

hsl(17, 44%, 42%)

HSB

hsb(17, 61%, 60%)

CMYK

cmyk(0%, 44%, 61%, 40%)

Oklch

oklch(52.6% 0.097 41.6)

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

#CC9030

Ochre · GoldenRod · Amber Brown

HEX

#CC9030

RGB

rgb(204, 144, 48)

HSL

hsl(37, 62%, 49%)

HSB

hsb(37, 76%, 80%)

CMYK

cmyk(0%, 29%, 76%, 20%)

Oklch

oklch(69.6% 0.129 74.6)

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

#906C18

Ochre · Olive · Honey Gold

HEX

#906C18

RGB

rgb(144, 108, 24)

HSL

hsl(42, 71%, 33%)

HSB

hsb(42, 83%, 56%)

CMYK

cmyk(0%, 25%, 83%, 44%)

Oklch

oklch(55.3% 0.105 83.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#69572F

Ochre · DarkOliveGreen · Honey Gold

HEX

#69572F

RGB

rgb(105, 87, 47)

HSL

hsl(41, 38%, 30%)

HSB

hsb(41, 55%, 41%)

CMYK

cmyk(0%, 17%, 55%, 59%)

Oklch

oklch(46.5% 0.062 85.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E1E15

15666F

Analogous

6F1539

6E1E15

6F4B15

Triadic

6E1E15

156F1E

1E156F

Split-Comp.

6E1E15

156F4B

15396F

Tetradic

6E1E15

396F15

15666F

4B156F

Contrast Matrix WCAG 2.1 Contrast

6E1E15	99563C	CC9030	906C18	69572F
—	2.0 Fail	4.1 AA Large	2.3 Fail	1.6 Fail
2.0 Fail	—	2.0 Fail	1.2 Fail	1.2 Fail
4.1 AA Large	2.0 Fail	—	1.7 Fail	2.5 Fail
2.3 Fail	1.2 Fail	1.7 Fail	—	1.4 Fail
1.6 Fail	1.2 Fail	2.5 Fail	1.4 Fail	—

White BG

11.3AAA

5.6AA

2.8Fail

4.8AA

7.0AA

Black BG

1.9Fail

3.8AA Large

7.6AAA

4.3AA Large

3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4B17

7C7B42

B2B147

80802C

616139

Deuteranopia

505618

808544

B6BA4D

838531

62643B

Tritanopia

6A1919

964748

C95A5E

8E3C40

684042

Achromatopsia

353535

676767

979797

6D6D6D

585858

Shades & Tints Shades & Tints

#6E1E15

Dark

Light

#99563C

Dark

Light

#CC9030

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e1e15;
  --color-2: #99563c;
  --color-3: #cc9030;
  --color-4: #906c18;
  --color-5: #69572f;
}

SCSS

$color-1: #6e1e15;
$color-2: #99563c;
$color-3: #cc9030;
$color-4: #906c18;
$color-5: #69572f;

TAILWIND

colors: {
  'brand-1': '#6e1e15',
  'brand-2': '#99563c',
  'brand-3': '#cc9030',
  'brand-4': '#906c18',
  'brand-5': '#69572f',
}

RGB Array

[110, 30, 21], [153, 86, 60], [204, 144, 48], [144, 108, 24], [105, 87, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #6E1E15, #99563C, #CC9030, #906C18, #69572F is ideal for: tech websites, dark mode UIs, game UIs. 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: #6e1e15; --color-2: #99563c; --color-3: #cc9030; --color-4: #906c18; --color-5: #69572f. 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. 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