← Back to Editor

#E6D084 · #F6ECA7 · #CED69D · #A3C996 · #725D5A

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E6D084

Goose Yellow · Khaki · Sunflower

HEX
#E6D084
RGB
rgb(230, 208, 132)
HSL
hsl(47, 66%, 71%)
HSB
hsb(47, 43%, 90%)
CMYK
cmyk(0%, 10%, 43%, 10%)
Oklch
oklch(85.9% 0.099 93.8)

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

#F6ECA7

Fresh Green · Wheat · Lemon Cream

HEX
#F6ECA7
RGB
rgb(246, 236, 167)
HSL
hsl(52, 81%, 81%)
HSB
hsb(52, 32%, 96%)
CMYK
cmyk(0%, 4%, 32%, 4%)
Oklch
oklch(93.5% 0.088 100.9)

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

#CED69D

Fresh Green · Tan · Sunflower

HEX
#CED69D
RGB
rgb(206, 214, 157)
HSL
hsl(68, 41%, 73%)
HSB
hsb(68, 27%, 84%)
CMYK
cmyk(4%, 0%, 27%, 16%)
Oklch
oklch(85.6% 0.076 114.5)

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

#A3C996

Celadon · DarkSeaGreen · Apple Green

HEX
#A3C996
RGB
rgb(163, 201, 150)
HSL
hsl(105, 32%, 69%)
HSB
hsb(105, 25%, 79%)
CMYK
cmyk(19%, 0%, 25%, 21%)
Oklch
oklch(79.5% 0.081 137.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#725D5A

Crimson · DimGray · Wine Red

HEX
#725D5A
RGB
rgb(114, 93, 90)
HSL
hsl(7, 12%, 40%)
HSB
hsb(7, 21%, 45%)
CMYK
cmyk(0%, 18%, 21%, 55%)
Oklch
oklch(49.8% 0.028 27.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6D084
8499E6

Analogous

E6A084
E6D084
CAE684

Triadic

E6D084
84E6D1
D184E6

Split-Comp.

E6D084
84CAE6
A084E6

Tetradic

E6D084
84E6A0
8499E6
E684CA

Contrast Matrix WCAG 2.1 Contrast

E6D084
F6ECA7
CED69D
A3C996
725D5A
—
1.3
Fail
1.0
Fail
1.2
Fail
4.0
AA Large
1.3
Fail
—
1.3
Fail
1.5
Fail
5.1
AA
1.0
Fail
1.3
Fail
—
1.2
Fail
4.0
AA Large
1.2
Fail
1.5
Fail
1.2
Fail
—
3.3
AA Large
4.0
AA Large
5.1
AA
4.0
AA Large
3.3
AA Large
—
White BG
1.5Fail
1.2Fail
1.5Fail
1.8Fail
6.1AA
Black BG
13.7AAA
17.5AAA
13.7AAA
11.4AAA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC96
F2F2B8
D1D2AB
B3B4A2
69695B

Deuteranopia

DEDF9B
F2F3BC
D1D0AE
B1AEA5
6A6C5B

Tritanopia

E5A5A8
F6C5C8
CEB6B8
A5ACAE
715B5B

Achromatopsia

CECECE
E7E7E7
CDCDCD
B8B8B8
636363

Shades & Tints Shades & Tints

#E6D084

Dark
Light

#F6ECA7

Dark
Light

#CED69D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6d084;
  --color-2: #f6eca7;
  --color-3: #ced69d;
  --color-4: #a3c996;
  --color-5: #725d5a;
}

SCSS

$color-1: #e6d084;
$color-2: #f6eca7;
$color-3: #ced69d;
$color-4: #a3c996;
$color-5: #725d5a;

TAILWIND

colors: {
  'brand-1': '#e6d084',
  'brand-2': '#f6eca7',
  'brand-3': '#ced69d',
  'brand-4': '#a3c996',
  'brand-5': '#725d5a',
}

RGB Array

[230, 208, 132], [246, 236, 167], [206, 214, 157], [163, 201, 150], [114, 93, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E6D084, #F6ECA7, #CED69D, #A3C996, #725D5A is ideal for: health products, baby brands, fresh-style blogs, 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: #e6d084; --color-2: #f6eca7; --color-3: #ced69d; --color-4: #a3c996; --color-5: #725d5a. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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