← Back to Editor

#C5E6CD · #FAF9B4 · #EFE685 · #FFC3A6 · #B0A196

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

#C5E6CD

Celadon · LightGray · Mint Green

HEX
#C5E6CD
RGB
rgb(197, 230, 205)
HSL
hsl(135, 40%, 84%)
HSB
hsb(135, 14%, 90%)
CMYK
cmyk(14%, 0%, 11%, 10%)
Oklch
oklch(89.4% 0.049 152.6)

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

#FAF9B4

Fresh Green · Bisque · Lemon Cream

HEX
#FAF9B4
RGB
rgb(250, 249, 180)
HSL
hsl(59, 88%, 84%)
HSB
hsb(59, 28%, 98%)
CMYK
cmyk(0%, 0%, 28%, 2%)
Oklch
oklch(96.7% 0.087 107.2)

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

#EFE685

Fresh Green · Khaki · Sunflower

HEX
#EFE685
RGB
rgb(239, 230, 133)
HSL
hsl(55, 77%, 73%)
HSB
hsb(55, 44%, 94%)
CMYK
cmyk(0%, 4%, 44%, 6%)
Oklch
oklch(91.2% 0.119 103.8)

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

#FFC3A6

Apricot · LightPink · Peach Orange

HEX
#FFC3A6
RGB
rgb(255, 195, 166)
HSL
hsl(20, 100%, 83%)
HSB
hsb(20, 35%, 100%)
CMYK
cmyk(0%, 24%, 35%, 0%)
Oklch
oklch(86.4% 0.079 47.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B0A196

Apricot · DarkGray · Warm Sun

HEX
#B0A196
RGB
rgb(176, 161, 150)
HSL
hsl(25, 14%, 64%)
HSB
hsb(25, 15%, 69%)
CMYK
cmyk(0%, 9%, 15%, 31%)
Oklch
oklch(71.9% 0.024 58.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5E6CD
E7C6DE

Analogous

CEE7C6
C5E6CD
C6E7DE

Triadic

C5E6CD
CEC6E7
E7CEC6

Split-Comp.

C5E6CD
DEC6E7
E7C6CE

Tetradic

C5E6CD
C6CEE7
E7C6DE
E7DEC6

Contrast Matrix WCAG 2.1 Contrast

C5E6CD
FAF9B4
EFE685
FFC3A6
B0A196
—
1.2
Fail
1.0
Fail
1.1
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
2.3
Fail
1.0
Fail
1.2
Fail
—
1.2
Fail
1.9
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
1.6
Fail
1.9
Fail
2.3
Fail
1.9
Fail
1.6
Fail
—
White BG
1.3Fail
1.1Fail
1.3Fail
1.5Fail
2.5Fail
Black BG
15.6AAA
19.3AAA
16.3AAA
13.6AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D4D3
FAFAC5
EBEB9C
E5E4AD
AAA999

Deuteranopia

D1CFD5
FAFAC9
ECECA2
E9EDAF
AAAC99

Tritanopia

C7D8D9
FAD2D5
EFAFB3
FCB3B4
AF9B9B

Achromatopsia

D9D9D9
F1F1F1
DEDEDE
D2D2D2
A4A4A4

Shades & Tints Shades & Tints

#C5E6CD

Dark
Light

#FAF9B4

Dark
Light

#EFE685

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5e6cd;
  --color-2: #faf9b4;
  --color-3: #efe685;
  --color-4: #ffc3a6;
  --color-5: #b0a196;
}

SCSS

$color-1: #c5e6cd;
$color-2: #faf9b4;
$color-3: #efe685;
$color-4: #ffc3a6;
$color-5: #b0a196;

TAILWIND

colors: {
  'brand-1': '#c5e6cd',
  'brand-2': '#faf9b4',
  'brand-3': '#efe685',
  'brand-4': '#ffc3a6',
  'brand-5': '#b0a196',
}

RGB Array

[197, 230, 205], [250, 249, 180], [239, 230, 133], [255, 195, 166], [176, 161, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5E6CD, #FAF9B4, #EFE685, #FFC3A6, #B0A196 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: #c5e6cd; --color-2: #faf9b4; --color-3: #efe685; --color-4: #ffc3a6; --color-5: #b0a196. 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