#D94E37 + #CC7A28 + #656E43 + #4B3E5C + #453734 · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#D94E37

Vermilion · Chocolate · Passion Red

HEX

#D94E37

RGB

rgb(217, 78, 55)

HSL

hsl(9, 68%, 53%)

HSB

hsb(9, 75%, 85%)

CMYK

cmyk(0%, 64%, 75%, 15%)

Oklch

oklch(61.0% 0.179 31.8)

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

#CC7A28

Ochre · Chocolate · Amber Brown

HEX

#CC7A28

RGB

rgb(204, 122, 40)

HSL

hsl(30, 67%, 48%)

HSB

hsb(30, 80%, 80%)

CMYK

cmyk(0%, 40%, 80%, 20%)

Oklch

oklch(65.5% 0.137 60.5)

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

#656E43

Grass Green · DarkOliveGreen · Forest Green

HEX

#656E43

RGB

rgb(101, 110, 67)

HSL

hsl(73, 24%, 35%)

HSB

hsb(73, 39%, 43%)

CMYK

cmyk(8%, 0%, 39%, 57%)

Oklch

oklch(51.9% 0.064 118.3)

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

#4B3E5C

Deep Indigo · DarkSlateGray · Eggplant

HEX

#4B3E5C

RGB

rgb(75, 62, 92)

HSL

hsl(266, 19%, 30%)

HSB

hsb(266, 33%, 36%)

CMYK

cmyk(18%, 33%, 0%, 64%)

Oklch

oklch(39.0% 0.052 303.9)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#453734

Crimson · DarkSlateGray · Wine Red

HEX

#453734

RGB

rgb(69, 55, 52)

HSL

hsl(11, 14%, 24%)

HSB

hsb(11, 25%, 27%)

CMYK

cmyk(0%, 20%, 25%, 73%)

Oklch

oklch(35.1% 0.021 32.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D94E37

36C0D9

Analogous

D9366F

D94E37

D9A036

Triadic

D94E37

36D94E

4E36D9

Split-Comp.

D94E37

36D9A0

366FD9

Tetradic

D94E37

6FD936

36C0D9

A036D9

Contrast Matrix WCAG 2.1 Contrast

D94E37	CC7A28	656E43	4B3E5C	453734
—	1.3 Fail	1.3 Fail	2.4 Fail	2.8 Fail
1.3 Fail	—	1.7 Fail	3.0 Fail	3.5 AA Large
1.3 Fail	1.7 Fail	—	1.8 Fail	2.1 Fail
2.4 Fail	3.0 Fail	1.8 Fail	—	1.2 Fail
2.8 Fail	3.5 AA Large	2.1 Fail	1.2 Fail	—

White BG

4.1AA Large

3.3AA Large

5.4AA

9.8AAA

11.4AAA

Black BG

5.1AA

6.4AA

3.9AA Large

2.1Fail

1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9C3D

A8A83C

69694D

454555

3F3F35

Deuteranopia

A5AF3E

ADB341

686850

464753

404135

Tritanopia

D24142

C84C4F

655657

4A4F4E

443535

Achromatopsia

757575

898989

666666

454545

3B3B3B

Shades & Tints Shades & Tints

#D94E37

Dark

Light

#CC7A28

Dark

Light

#656E43

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d94e37;
  --color-2: #cc7a28;
  --color-3: #656e43;
  --color-4: #4b3e5c;
  --color-5: #453734;
}

SCSS

$color-1: #d94e37;
$color-2: #cc7a28;
$color-3: #656e43;
$color-4: #4b3e5c;
$color-5: #453734;

TAILWIND

colors: {
  'brand-1': '#d94e37',
  'brand-2': '#cc7a28',
  'brand-3': '#656e43',
  'brand-4': '#4b3e5c',
  'brand-5': '#453734',
}

RGB Array

[217, 78, 55], [204, 122, 40], [101, 110, 67], [75, 62, 92], [69, 55, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #D94E37, #CC7A28, #656E43, #4B3E5C, #453734 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: #d94e37; --color-2: #cc7a28; --color-3: #656e43; --color-4: #4b3e5c; --color-5: #453734. 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 minimal-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