#CFD2AA + #EDAD79 + #F59868 + #82C598 + #9C7965 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#CFD2AA

Fresh Green · Silver · Sunflower

HEX

#CFD2AA

RGB

rgb(207, 210, 170)

HSL

hsl(64, 31%, 75%)

HSB

hsb(64, 19%, 82%)

CMYK

cmyk(1%, 0%, 19%, 18%)

Oklch

oklch(85.1% 0.054 111.0)

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

#EDAD79

Apricot · LightSalmon · Warm Sun

HEX

#EDAD79

RGB

rgb(237, 173, 121)

HSL

hsl(27, 76%, 70%)

HSB

hsb(27, 49%, 93%)

CMYK

cmyk(0%, 27%, 49%, 7%)

Oklch

oklch(79.6% 0.101 59.7)

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

#F59868

Apricot · SandyBrown · Warm Sun

HEX

#F59868

RGB

rgb(245, 152, 104)

HSL

hsl(20, 88%, 68%)

HSB

hsb(20, 58%, 96%)

CMYK

cmyk(0%, 38%, 58%, 4%)

Oklch

oklch(76.5% 0.129 47.5)

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

#82C598

Celadon · DarkSeaGreen · Apple Green

HEX

#82C598

RGB

rgb(130, 197, 152)

HSL

hsl(140, 37%, 64%)

HSB

hsb(140, 34%, 77%)

CMYK

cmyk(34%, 0%, 23%, 23%)

Oklch

oklch(76.6% 0.094 154.2)

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

#9C7965

Tangerine · Gray · Amber Brown

HEX

#9C7965

RGB

rgb(156, 121, 101)

HSL

hsl(22, 22%, 50%)

HSB

hsb(22, 35%, 61%)

CMYK

cmyk(0%, 22%, 35%, 39%)

Oklch

oklch(60.5% 0.053 51.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFD2AA

AEABD3

Analogous

D3C2AB

CFD2AA

BDD3AB

Triadic

CFD2AA

ABD0D3

D3ABD0

Split-Comp.

CFD2AA

ABBDD3

C2ABD3

Tetradic

CFD2AA

ABD3C2

AEABD3

D3ABBD

Contrast Matrix WCAG 2.1 Contrast

CFD2AA	EDAD79	F59868	82C598	9C7965
—	1.2 Fail	1.4 Fail	1.3 Fail	2.5 Fail
1.2 Fail	—	1.1 Fail	1.0 Fail	2.0 Fail
1.4 Fail	1.1 Fail	—	1.1 Fail	1.8 Fail
1.3 Fail	1.0 Fail	1.1 Fail	—	1.9 Fail
2.5 Fail	2.0 Fail	1.8 Fail	1.9 Fail	—

White BG

1.6Fail

1.9Fail

2.2Fail

2.0Fail

3.9AA Large

Black BG

13.5AAA

10.9AAA

9.6AAA

10.4AAA

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0B4

D1D186

CDCC74

9FA0A3

8D8D6A

Deuteranopia

D0D0B6

D5DA89

D2D976

9B96A6

8F926B

Tritanopia

CFBBBD

EA9092

F07D7F

85ABAD

9A6E6F

Achromatopsia

CDCDCD

BABABA

AEAEAE

ACACAC

818181

Shades & Tints Shades & Tints

#CFD2AA

Dark

Light

#EDAD79

Dark

Light

#F59868

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfd2aa;
  --color-2: #edad79;
  --color-3: #f59868;
  --color-4: #82c598;
  --color-5: #9c7965;
}

SCSS

$color-1: #cfd2aa;
$color-2: #edad79;
$color-3: #f59868;
$color-4: #82c598;
$color-5: #9c7965;

TAILWIND

colors: {
  'brand-1': '#cfd2aa',
  'brand-2': '#edad79',
  'brand-3': '#f59868',
  'brand-4': '#82c598',
  'brand-5': '#9c7965',
}

RGB Array

[207, 210, 170], [237, 173, 121], [245, 152, 104], [130, 197, 152], [156, 121, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CFD2AA, #EDAD79, #F59868, #82C598, #9C7965 is ideal for: health products, baby brands, fresh-style blogs. 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: #cfd2aa; --color-2: #edad79; --color-3: #f59868; --color-4: #82c598; --color-5: #9c7965. 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. 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 pastel-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