← Back to Editor

#9FCDC0 · #DAE6C0 · #FFFCC9 · #E6BE9A · #422835

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#9FCDC0

Jade · Silver · Lake Green

HEX
#9FCDC0
RGB
rgb(159, 205, 192)
HSL
hsl(163, 32%, 71%)
HSB
hsb(163, 22%, 80%)
CMYK
cmyk(22%, 0%, 6%, 20%)
Oklch
oklch(81.2% 0.052 175.8)

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

#DAE6C0

Willow Green · LightGray · Mint Green

HEX
#DAE6C0
RGB
rgb(218, 230, 192)
HSL
hsl(79, 43%, 83%)
HSB
hsb(79, 17%, 90%)
CMYK
cmyk(5%, 0%, 17%, 10%)
Oklch
oklch(90.6% 0.052 121.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#FFFCC9

Fresh Green · Beige · Lemon Cream

HEX
#FFFCC9
RGB
rgb(255, 252, 201)
HSL
hsl(57, 100%, 89%)
HSB
hsb(57, 21%, 100%)
CMYK
cmyk(0%, 1%, 21%, 0%)
Oklch
oklch(98.1% 0.065 104.7)

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

#E6BE9A

Apricot · BurlyWood · Warm Sun

HEX
#E6BE9A
RGB
rgb(230, 190, 154)
HSL
hsl(28, 60%, 75%)
HSB
hsb(28, 33%, 90%)
CMYK
cmyk(0%, 17%, 33%, 10%)
Oklch
oklch(82.8% 0.067 63.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#422835

Dark Violet · DarkSlateGray · Raspberry

HEX
#422835
RGB
rgb(66, 40, 53)
HSL
hsl(330, 25%, 21%)
HSB
hsb(330, 39%, 26%)
CMYK
cmyk(0%, 39%, 20%, 74%)
Oklch
oklch(31.4% 0.044 348.5)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9FCDC0
CD9DAB

Analogous

9DCDA8
9FCDC0
9DC2CD

Triadic

9FCDC0
BF9DCD
CDBF9D

Split-Comp.

9FCDC0
CD9DC2
CDA89D

Tetradic

9FCDC0
A89DCD
CD9DAB
C2CD9D

Contrast Matrix WCAG 2.1 Contrast

9FCDC0
DAE6C0
FFFCC9
E6BE9A
422835
—
1.3
Fail
1.7
Fail
1.0
Fail
7.5
AAA
1.3
Fail
—
1.2
Fail
1.3
Fail
10.1
AAA
1.7
Fail
1.2
Fail
—
1.6
Fail
12.6
AAA
1.0
Fail
1.3
Fail
1.6
Fail
—
7.7
AAA
7.5
AAA
10.1
AAA
12.6
AAA
7.7
AAA
—
White BG
1.8Fail
1.3Fail
1.0Fail
1.7Fail
13.2AAA
Black BG
12.0AAA
16.1AAA
20.0AAA
12.2AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B3C3
DFDFC9
FEFED5
D5D4A3
373732

Deuteranopia

B0ADC4
DFDECB
FEFED8
D7DAA5
383A31

Tritanopia

A1C6C6
DBD0D2
FFDFE1
E4AAAB
412F2F

Achromatopsia

BEBEBE
DEDEDE
F7F7F7
C6C6C6
313131

Shades & Tints Shades & Tints

#9FCDC0

Dark
Light

#DAE6C0

Dark
Light

#FFFCC9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9fcdc0;
  --color-2: #dae6c0;
  --color-3: #fffcc9;
  --color-4: #e6be9a;
  --color-5: #422835;
}

SCSS

$color-1: #9fcdc0;
$color-2: #dae6c0;
$color-3: #fffcc9;
$color-4: #e6be9a;
$color-5: #422835;

TAILWIND

colors: {
  'brand-1': '#9fcdc0',
  'brand-2': '#dae6c0',
  'brand-3': '#fffcc9',
  'brand-4': '#e6be9a',
  'brand-5': '#422835',
}

RGB Array

[159, 205, 192], [218, 230, 192], [255, 252, 201], [230, 190, 154], [66, 40, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9FCDC0, #DAE6C0, #FFFCC9, #E6BE9A, #422835 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: #9fcdc0; --color-2: #dae6c0; --color-3: #fffcc9; --color-4: #e6be9a; --color-5: #422835. 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 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