#ED6742 + #B37D32 + #69992B + #2EA380 + #5AC0C7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#ED6742

Vermilion · Tomato · Passion Red

HEX

#ED6742

RGB

rgb(237, 103, 66)

HSL

hsl(13, 83%, 59%)

HSB

hsb(13, 72%, 93%)

CMYK

cmyk(0%, 57%, 72%, 7%)

Oklch

oklch(67.4% 0.174 36.3)

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

#B37D32

Ochre · DarkGoldenRod · Amber Brown

HEX

#B37D32

RGB

rgb(179, 125, 50)

HSL

hsl(35, 56%, 45%)

HSB

hsb(35, 72%, 70%)

CMYK

cmyk(0%, 30%, 72%, 30%)

Oklch

oklch(63.1% 0.112 71.8)

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

#69992B

Grass Green · DarkOliveGreen · Forest Green

HEX

#69992B

RGB

rgb(105, 153, 43)

HSL

hsl(86, 56%, 38%)

HSB

hsb(86, 72%, 60%)

CMYK

cmyk(31%, 0%, 72%, 40%)

Oklch

oklch(62.7% 0.148 130.3)

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

#2EA380

Mineral Blue · MediumSeaGreen · Mint Ice

HEX

#2EA380

RGB

rgb(46, 163, 128)

HSL

hsl(162, 56%, 41%)

HSB

hsb(162, 72%, 64%)

CMYK

cmyk(72%, 0%, 21%, 36%)

Oklch

oklch(64.2% 0.115 168.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5AC0C7

Slate Blue · MediumTurquoise · Lake Green

HEX

#5AC0C7

RGB

rgb(90, 192, 199)

HSL

hsl(184, 49%, 57%)

HSB

hsb(184, 55%, 78%)

CMYK

cmyk(55%, 4%, 0%, 22%)

Oklch

oklch(75.0% 0.095 201.4)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED6742

40C8ED

Analogous

ED4071

ED6742

EDBC40

Triadic

ED6742

40ED65

6540ED

Split-Comp.

ED6742

40EDBC

4071ED

Tetradic

ED6742

71ED40

40C8ED

BC40ED

Contrast Matrix WCAG 2.1 Contrast

ED6742	B37D32	69992B	2EA380	5AC0C7
—	1.1 Fail	1.1 Fail	1.0 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.7 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.6 Fail
1.0 Fail	1.1 Fail	1.1 Fail	—	1.5 Fail
1.5 Fail	1.7 Fail	1.6 Fail	1.5 Fail	—

White BG

3.2AA Large

3.6AA Large

3.4AA Large

3.1AA Large

2.1Fail

Black BG

6.6AA

5.9AA

6.2AA

6.7AA

9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B24B

9C9B44

7E7E46

616288

8687C5

Deuteranopia

BBC54D

9FA349

7B774C

5A518B

8079C5

Tritanopia

E65254

B05256

6B5B5F

348F91

5FC4C4

Achromatopsia

8B8B8B

858585

7E7E7E

7C7C7C

A2A2A2

Shades & Tints Shades & Tints

#ED6742

Dark

Light

#B37D32

Dark

Light

#69992B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed6742;
  --color-2: #b37d32;
  --color-3: #69992b;
  --color-4: #2ea380;
  --color-5: #5ac0c7;
}

SCSS

$color-1: #ed6742;
$color-2: #b37d32;
$color-3: #69992b;
$color-4: #2ea380;
$color-5: #5ac0c7;

TAILWIND

colors: {
  'brand-1': '#ed6742',
  'brand-2': '#b37d32',
  'brand-3': '#69992b',
  'brand-4': '#2ea380',
  'brand-5': '#5ac0c7',
}

RGB Array

[237, 103, 66], [179, 125, 50], [105, 153, 43], [46, 163, 128], [90, 192, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED6742, #B37D32, #69992B, #2EA380, #5AC0C7 is ideal for: corporate websites, product showcases, portfolios. 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: #ed6742; --color-2: #b37d32; --color-3: #69992b; --color-4: #2ea380; --color-5: #5ac0c7. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 general-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