#7F4E6B + #374154 + #6F91A0 + #ACB365 + #CFD665 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#7F4E6B

Rose Purple · DimGray · Camellia

HEX

#7F4E6B

RGB

rgb(127, 78, 107)

HSL

hsl(324, 24%, 40%)

HSB

hsb(324, 39%, 50%)

CMYK

cmyk(0%, 39%, 16%, 50%)

Oklch

oklch(48.9% 0.077 344.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#374154

Indigo · DarkSlateGray · Prussian Blue

HEX

#374154

RGB

rgb(55, 65, 84)

HSL

hsl(219, 21%, 27%)

HSB

hsb(219, 35%, 33%)

CMYK

cmyk(35%, 23%, 0%, 67%)

Oklch

oklch(37.4% 0.035 263.1)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#6F91A0

Slate Blue · LightSlateGray · Lake Green

HEX

#6F91A0

RGB

rgb(111, 145, 160)

HSL

hsl(198, 21%, 53%)

HSB

hsb(198, 31%, 63%)

CMYK

cmyk(31%, 9%, 0%, 37%)

Oklch

oklch(63.6% 0.044 226.8)

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

#ACB365

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#ACB365

RGB

rgb(172, 179, 101)

HSL

hsl(65, 34%, 55%)

HSB

hsb(65, 44%, 70%)

CMYK

cmyk(4%, 0%, 44%, 30%)

Oklch

oklch(74.4% 0.102 113.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#CFD665

Fresh Green · BurlyWood · Sunflower

HEX

#CFD665

RGB

rgb(207, 214, 101)

HSL

hsl(64, 58%, 62%)

HSB

hsb(64, 53%, 84%)

CMYK

cmyk(3%, 0%, 53%, 16%)

Oklch

oklch(84.8% 0.137 112.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7F4E6B

4E7E61

Analogous

7A4E7E

7F4E6B

7E4E52

Triadic

7F4E6B

6B7E4E

4E6B7E

Split-Comp.

7F4E6B

527E4E

4E7E7A

Tetradic

7F4E6B

7E7A4E

4E7E61

4E527E

Contrast Matrix WCAG 2.1 Contrast

7F4E6B	374154	6F91A0	ACB365	CFD665
—	1.6 Fail	1.9 Fail	2.9 Fail	4.2 AA Large
1.6 Fail	—	3.0 AA Large	4.6 AA	6.6 AA
1.9 Fail	3.0 AA Large	—	1.5 Fail	2.2 Fail
2.9 Fail	4.6 AA	1.5 Fail	—	1.4 Fail
4.2 AA Large	6.6 AA	2.2 Fail	1.4 Fail	—

White BG

6.6AA

10.3AAA

3.4AA Large

2.2Fail

1.6Fail

Black BG

3.2AA Large

2.0Fail

6.2AA

9.4AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6964

3B3B4F

7E7E9C

AFAF78

D2D280

Deuteranopia

6D7062

3B3A4E

7C799C

AFAE7C

D2D187

Tritanopia

7D5E5D

384C4B

719A99

AC878A

CF969B

Achromatopsia

606060

404040

898989

A8A8A8

C7C7C7

Shades & Tints Shades & Tints

#7F4E6B

Dark

Light

#374154

Dark

Light

#6F91A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7f4e6b;
  --color-2: #374154;
  --color-3: #6f91a0;
  --color-4: #acb365;
  --color-5: #cfd665;
}

SCSS

$color-1: #7f4e6b;
$color-2: #374154;
$color-3: #6f91a0;
$color-4: #acb365;
$color-5: #cfd665;

TAILWIND

colors: {
  'brand-1': '#7f4e6b',
  'brand-2': '#374154',
  'brand-3': '#6f91a0',
  'brand-4': '#acb365',
  'brand-5': '#cfd665',
}

RGB Array

[127, 78, 107], [55, 65, 84], [111, 145, 160], [172, 179, 101], [207, 214, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #7F4E6B, #374154, #6F91A0, #ACB365, #CFD665 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: #7f4e6b; --color-2: #374154; --color-3: #6f91a0; --color-4: #acb365; --color-5: #cfd665. 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 cool-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