#D0472B + #995A32 + #695F3B + #4C5247 + #1C1F18 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D0472B

Vermilion · Chocolate · Passion Red

HEX

#D0472B

RGB

rgb(208, 71, 43)

HSL

hsl(10, 66%, 49%)

HSB

hsb(10, 79%, 82%)

CMYK

cmyk(0%, 66%, 79%, 18%)

Oklch

oklch(58.6% 0.178 33.4)

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

#995A32

Tangerine · Sienna · Amber Brown

HEX

#995A32

RGB

rgb(153, 90, 50)

HSL

hsl(23, 51%, 40%)

HSB

hsb(23, 67%, 60%)

CMYK

cmyk(0%, 41%, 67%, 40%)

Oklch

oklch(53.1% 0.099 51.5)

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

#695F3B

Ochre · DarkOliveGreen · Honey Gold

HEX

#695F3B

RGB

rgb(105, 95, 59)

HSL

hsl(47, 28%, 32%)

HSB

hsb(47, 44%, 41%)

CMYK

cmyk(0%, 10%, 44%, 59%)

Oklch

oklch(48.6% 0.054 94.4)

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

#4C5247

Dark Cyan · DarkSlateGray · Charcoal

HEX

#4C5247

RGB

rgb(76, 82, 71)

HSL

hsl(93, 7%, 30%)

HSB

hsb(93, 13%, 32%)

CMYK

cmyk(7%, 0%, 13%, 68%)

Oklch

oklch(43.0% 0.019 130.7)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#1C1F18

Grass Green · Black · Dark Green

HEX

#1C1F18

RGB

rgb(28, 31, 24)

HSL

hsl(86, 13%, 11%)

HSB

hsb(86, 23%, 12%)

CMYK

cmyk(10%, 0%, 23%, 88%)

Oklch

oklch(23.4% 0.014 126.4)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0472B

2AB4CF

Analogous

CF2A61

D0472B

CF982A

Triadic

D0472B

2ACF46

462ACF

Split-Comp.

D0472B

2ACF98

2A61CF

Tetradic

D0472B

61CF2A

2AB4CF

982ACF

Contrast Matrix WCAG 2.1 Contrast

D0472B	995A32	695F3B	4C5247	1C1F18
—	1.2 Fail	1.4 Fail	1.8 Fail	3.7 AA Large
1.2 Fail	—	1.2 Fail	1.5 Fail	3.1 AA Large
1.4 Fail	1.2 Fail	—	1.3 Fail	2.6 Fail
1.8 Fail	1.5 Fail	1.3 Fail	—	2.1 Fail
3.7 AA Large	3.1 AA Large	2.6 Fail	2.1 Fail	—

White BG

4.5AA

5.4AA

6.4AA

8.1AAA

16.7AAA

Black BG

4.6AA

3.9AA Large

3.3AA Large

2.6Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

959332

7E7D3C

656544

4F4F4A

1D1D1A

Deuteranopia

9DA733

81863E

656646

4E4E4A

1D1D1A

Tritanopia

C93738

964345

694B4C

4C4C4C

1C1B1B

Achromatopsia

6D6D6D

686868

5E5E5E

4F4F4F

1D1D1D

Shades & Tints Shades & Tints

#D0472B

Dark

Light

#995A32

Dark

Light

#695F3B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0472b;
  --color-2: #995a32;
  --color-3: #695f3b;
  --color-4: #4c5247;
  --color-5: #1c1f18;
}

SCSS

$color-1: #d0472b;
$color-2: #995a32;
$color-3: #695f3b;
$color-4: #4c5247;
$color-5: #1c1f18;

TAILWIND

colors: {
  'brand-1': '#d0472b',
  'brand-2': '#995a32',
  'brand-3': '#695f3b',
  'brand-4': '#4c5247',
  'brand-5': '#1c1f18',
}

RGB Array

[208, 71, 43], [153, 90, 50], [105, 95, 59], [76, 82, 71], [28, 31, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #D0472B, #995A32, #695F3B, #4C5247, #1C1F18 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: #d0472b; --color-2: #995a32; --color-3: #695f3b; --color-4: #4c5247; --color-5: #1c1f18. 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 sunset-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