← Back to Editor

#EDEBC2 · #ADAC8B · #6B6A56 · #40301F · #9FD1BA

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

#EDEBC2

Fresh Green · Bisque · Lemon Cream

HEX
#EDEBC2
RGB
rgb(237, 235, 194)
HSL
hsl(57, 54%, 85%)
HSB
hsb(57, 18%, 93%)
CMYK
cmyk(0%, 1%, 18%, 7%)
Oklch
oklch(93.1% 0.054 105.1)

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

#ADAC8B

Fresh Green · DarkGray · Sunflower

HEX
#ADAC8B
RGB
rgb(173, 172, 139)
HSL
hsl(58, 17%, 61%)
HSB
hsb(58, 20%, 68%)
CMYK
cmyk(0%, 1%, 20%, 32%)
Oklch
oklch(73.6% 0.046 106.0)

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

#6B6A56

Autumn Sage · DimGray · Honey Gold

HEX
#6B6A56
RGB
rgb(107, 106, 86)
HSL
hsl(57, 11%, 38%)
HSB
hsb(57, 20%, 42%)
CMYK
cmyk(0%, 1%, 20%, 58%)
Oklch
oklch(51.9% 0.030 105.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#40301F

Ochre · DarkSlateGray · Cinnamon

HEX
#40301F
RGB
rgb(64, 48, 31)
HSL
hsl(31, 35%, 19%)
HSB
hsb(31, 52%, 25%)
CMYK
cmyk(0%, 25%, 52%, 75%)
Oklch
oklch(32.3% 0.036 67.7)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#9FD1BA

Jade · Silver · Apple Green

HEX
#9FD1BA
RGB
rgb(159, 209, 186)
HSL
hsl(152, 35%, 72%)
HSB
hsb(152, 24%, 82%)
CMYK
cmyk(24%, 0%, 11%, 18%)
Oklch
oklch(81.9% 0.061 165.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDEBC2
C4C6ED

Analogous

EDD7C4
EDEBC2
DBEDC4

Triadic

EDEBC2
C4EDEB
EBC4ED

Split-Comp.

EDEBC2
C4DBED
D7C4ED

Tetradic

EDEBC2
C4EDD7
C4C6ED
EDC4DB

Contrast Matrix WCAG 2.1 Contrast

EDEBC2
ADAC8B
6B6A56
40301F
9FD1BA
—
1.9
Fail
4.5
AA
10.4
AAA
1.4
Fail
1.9
Fail
—
2.4
Fail
5.5
AA
1.4
Fail
4.5
AA
2.4
Fail
—
2.3
Fail
3.2
AA Large
10.4
AAA
5.5
AA
2.3
Fail
—
7.4
AAA
1.4
Fail
1.4
Fail
3.2
AA Large
7.4
AAA
—
White BG
1.2Fail
2.3Fail
5.5AA
12.6AAA
1.7Fail
Black BG
17.3AAA
9.1AAA
3.8AA Large
1.7Fail
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECCC
ADAD93
6B6B5B
393923
B5B5C0

Deuteranopia

ECECCE
ADAD95
6B6B5C
3A3B24
B2AEC1

Tritanopia

EDD4D5
AD999B
6B5F60
3F2627
A1C4C5

Achromatopsia

E7E7E7
A9A9A9
686868
333333
BFBFBF

Shades & Tints Shades & Tints

#EDEBC2

Dark
Light

#ADAC8B

Dark
Light

#6B6A56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edebc2;
  --color-2: #adac8b;
  --color-3: #6b6a56;
  --color-4: #40301f;
  --color-5: #9fd1ba;
}

SCSS

$color-1: #edebc2;
$color-2: #adac8b;
$color-3: #6b6a56;
$color-4: #40301f;
$color-5: #9fd1ba;

TAILWIND

colors: {
  'brand-1': '#edebc2',
  'brand-2': '#adac8b',
  'brand-3': '#6b6a56',
  'brand-4': '#40301f',
  'brand-5': '#9fd1ba',
}

RGB Array

[237, 235, 194], [173, 172, 139], [107, 106, 86], [64, 48, 31], [159, 209, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EDEBC2, #ADAC8B, #6B6A56, #40301F, #9FD1BA is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #edebc2; --color-2: #adac8b; --color-3: #6b6a56; --color-4: #40301f; --color-5: #9fd1ba. 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. 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