← Back to Editor

#C6DFA5 · #F9FED5 · #EEF7B8 · #F6D77D · #D9845B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C6DFA5

Willow Green · Silver · Apple Green

HEX
#C6DFA5
RGB
rgb(198, 223, 165)
HSL
hsl(86, 48%, 76%)
HSB
hsb(86, 26%, 87%)
CMYK
cmyk(11%, 0%, 26%, 13%)
Oklch
oklch(87.1% 0.082 127.0)

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

#F9FED5

Fresh Green · Beige · Lemon Cream

HEX
#F9FED5
RGB
rgb(249, 254, 213)
HSL
hsl(67, 95%, 92%)
HSB
hsb(67, 16%, 100%)
CMYK
cmyk(2%, 0%, 16%, 0%)
Oklch
oklch(98.3% 0.053 113.0)

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

#EEF7B8

Fresh Green · Wheat · Lemon Cream

HEX
#EEF7B8
RGB
rgb(238, 247, 184)
HSL
hsl(69, 80%, 85%)
HSB
hsb(69, 26%, 97%)
CMYK
cmyk(4%, 0%, 26%, 3%)
Oklch
oklch(95.4% 0.082 114.6)

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

#F6D77D

Goose Yellow · Khaki · Sunflower

HEX
#F6D77D
RGB
rgb(246, 215, 125)
HSL
hsl(45, 87%, 73%)
HSB
hsb(45, 49%, 96%)
CMYK
cmyk(0%, 13%, 49%, 4%)
Oklch
oklch(88.6% 0.115 90.9)

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

#D9845B

Tangerine · DarkSalmon · Warm Sun

HEX
#D9845B
RGB
rgb(217, 132, 91)
HSL
hsl(20, 62%, 60%)
HSB
hsb(20, 58%, 85%)
CMYK
cmyk(0%, 39%, 58%, 15%)
Oklch
oklch(69.5% 0.119 46.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6DFA5
BEA4DF

Analogous

DFDBA4
C6DFA5
A8DFA4

Triadic

C6DFA5
A4C6DF
DFA4C6

Split-Comp.

C6DFA5
A4A8DF
DBA4DF

Tetradic

C6DFA5
A4DFDB
BEA4DF
DFA4A8

Contrast Matrix WCAG 2.1 Contrast

C6DFA5
F9FED5
EEF7B8
F6D77D
D9845B
—
1.4
Fail
1.3
Fail
1.0
Fail
2.0
Fail
1.4
Fail
—
1.1
Fail
1.4
Fail
2.7
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
2.5
Fail
1.0
Fail
1.4
Fail
1.2
Fail
—
2.0
Fail
2.0
Fail
2.7
Fail
2.5
Fail
2.0
Fail
—
White BG
1.4Fail
1.0Fail
1.1Fail
1.4Fail
2.8Fail
Black BG
14.5AAA
20.2AAA
18.6AAA
14.9AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1B3
FBFBDF
F2F2C7
E9E893
B4B365

Deuteranopia

CFCEB6
FBFBE1
F1F1CB
EAED98
B9BF67

Tritanopia

C7BEC1
F9E7E8
EED3D6
F4A4A8
D56D6E

Achromatopsia

D1D1D1
F8F8F8
EDEDED
D6D6D6
999999

Shades & Tints Shades & Tints

#C6DFA5

Dark
Light

#F9FED5

Dark
Light

#EEF7B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6dfa5;
  --color-2: #f9fed5;
  --color-3: #eef7b8;
  --color-4: #f6d77d;
  --color-5: #d9845b;
}

SCSS

$color-1: #c6dfa5;
$color-2: #f9fed5;
$color-3: #eef7b8;
$color-4: #f6d77d;
$color-5: #d9845b;

TAILWIND

colors: {
  'brand-1': '#c6dfa5',
  'brand-2': '#f9fed5',
  'brand-3': '#eef7b8',
  'brand-4': '#f6d77d',
  'brand-5': '#d9845b',
}

RGB Array

[198, 223, 165], [249, 254, 213], [238, 247, 184], [246, 215, 125], [217, 132, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6DFA5, #F9FED5, #EEF7B8, #F6D77D, #D9845B is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c6dfa5; --color-2: #f9fed5; --color-3: #eef7b8; --color-4: #f6d77d; --color-5: #d9845b. 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 general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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