← Back to Editor

#615362 · #7D7A8C · #9DB4AB · #E0D9B8 · #FAE0CD

cool

A 5-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#615362

Dark Plum · DimGray · Charcoal

HEX
#615362
RGB
rgb(97, 83, 98)
HSL
hsl(296, 8%, 35%)
HSB
hsb(296, 15%, 38%)
CMYK
cmyk(1%, 15%, 0%, 62%)
Oklch
oklch(46.1% 0.030 324.0)

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

#7D7A8C

Ash · Gray · Warm Gray

HEX
#7D7A8C
RGB
rgb(125, 122, 140)
HSL
hsl(250, 7%, 51%)
HSB
hsb(250, 13%, 55%)
CMYK
cmyk(11%, 13%, 0%, 45%)
Oklch
oklch(58.8% 0.027 293.2)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#9DB4AB

Jade · DarkGray · Apple Green

HEX
#9DB4AB
RGB
rgb(157, 180, 171)
HSL
hsl(157, 13%, 66%)
HSB
hsb(157, 13%, 71%)
CMYK
cmyk(13%, 0%, 5%, 29%)
Oklch
oklch(75.0% 0.028 170.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#E0D9B8

Goose Yellow · Wheat · Lemon Cream

HEX
#E0D9B8
RGB
rgb(224, 217, 184)
HSL
hsl(49, 39%, 80%)
HSB
hsb(49, 18%, 88%)
CMYK
cmyk(0%, 3%, 18%, 12%)
Oklch
oklch(88.2% 0.044 97.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FAE0CD

Apricot · Bisque · Peach Orange

HEX
#FAE0CD
RGB
rgb(250, 224, 205)
HSL
hsl(25, 82%, 89%)
HSB
hsb(25, 18%, 98%)
CMYK
cmyk(0%, 10%, 18%, 2%)
Oklch
oklch(92.3% 0.038 58.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

615362
536052

Analogous

585260
615362
60525A

Triadic

615362
605F52
52605F

Split-Comp.

615362
5A6052
526058

Tetradic

615362
605852
536052
525A60

Contrast Matrix WCAG 2.1 Contrast

615362
7D7A8C
9DB4AB
E0D9B8
FAE0CD
—
1.7
Fail
3.3
AA Large
5.1
AA
5.7
AA
1.7
Fail
—
1.9
Fail
2.9
Fail
3.3
AA Large
3.3
AA Large
1.9
Fail
—
1.5
Fail
1.7
Fail
5.1
AA
2.9
Fail
1.5
Fail
—
1.1
Fail
5.7
AA
3.3
AA Large
1.7
Fail
1.1
Fail
—
White BG
7.2AAA
4.2AA Large
2.2Fail
1.4Fail
1.3Fail
Black BG
2.9Fail
5.0AA
9.6AAA
14.8AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5B5E
7C7C88
A7A7AD
DDDDC0
EFEFD2

Deuteranopia

5C5D5E
7C7C87
A6A4AE
DDDEC2
F0F2D3

Tritanopia

605C5B
7D8483
9EAFAF
E0C6C8
F9D5D6

Achromatopsia

595959
7D7D7D
ACACAC
D7D7D7
E6E6E6

Shades & Tints Shades & Tints

#615362

Dark
Light

#7D7A8C

Dark
Light

#9DB4AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #615362;
  --color-2: #7d7a8c;
  --color-3: #9db4ab;
  --color-4: #e0d9b8;
  --color-5: #fae0cd;
}

SCSS

$color-1: #615362;
$color-2: #7d7a8c;
$color-3: #9db4ab;
$color-4: #e0d9b8;
$color-5: #fae0cd;

TAILWIND

colors: {
  'brand-1': '#615362',
  'brand-2': '#7d7a8c',
  'brand-3': '#9db4ab',
  'brand-4': '#e0d9b8',
  'brand-5': '#fae0cd',
}

RGB Array

[97, 83, 98], [125, 122, 140], [157, 180, 171], [224, 217, 184], [250, 224, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #615362, #7D7A8C, #9DB4AB, #E0D9B8, #FAE0CD is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #615362; --color-2: #7d7a8c; --color-3: #9db4ab; --color-4: #e0d9b8; --color-5: #fae0cd. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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. Restrained colors convey professionalism and trust. 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