← Back to Editor

#C3CF6B · #B8DE6A · #EEF0BB · #F2CBA5 · #F2B4A0

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

#C3CF6B

Fresh Green · BurlyWood · Sunflower

HEX
#C3CF6B
RGB
rgb(195, 207, 107)
HSL
hsl(67, 51%, 62%)
HSB
hsb(67, 48%, 81%)
CMYK
cmyk(6%, 0%, 48%, 19%)
Oklch
oklch(82.4% 0.126 114.8)

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

#B8DE6A

Willow Green · LightGreen · Apple Green

HEX
#B8DE6A
RGB
rgb(184, 222, 106)
HSL
hsl(80, 64%, 64%)
HSB
hsb(80, 52%, 87%)
CMYK
cmyk(17%, 0%, 52%, 13%)
Oklch
oklch(84.9% 0.150 124.6)

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

#EEF0BB

Fresh Green · Wheat · Lemon Cream

HEX
#EEF0BB
RGB
rgb(238, 240, 187)
HSL
hsl(62, 64%, 84%)
HSB
hsb(62, 22%, 94%)
CMYK
cmyk(1%, 0%, 22%, 6%)
Oklch
oklch(94.1% 0.069 109.4)

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

#F2CBA5

Goose Yellow · Wheat · Peach Orange

HEX
#F2CBA5
RGB
rgb(242, 203, 165)
HSL
hsl(30, 75%, 80%)
HSB
hsb(30, 32%, 95%)
CMYK
cmyk(0%, 16%, 32%, 5%)
Oklch
oklch(86.6% 0.067 66.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F2B4A0

Apricot · BurlyWood · Peach Orange

HEX
#F2B4A0
RGB
rgb(242, 180, 160)
HSL
hsl(15, 76%, 79%)
HSB
hsb(15, 34%, 95%)
CMYK
cmyk(0%, 26%, 34%, 5%)
Oklch
oklch(82.2% 0.078 38.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3CF6B
786DD0

Analogous

D0AA6D
C3CF6B
93D06D

Triadic

C3CF6B
6DC4D0
D06DC4

Split-Comp.

C3CF6B
6D93D0
AA6DD0

Tetradic

C3CF6B
6DD0AA
786DD0
D06D93

Contrast Matrix WCAG 2.1 Contrast

C3CF6B
B8DE6A
EEF0BB
F2CBA5
F2B4A0
—
1.1
Fail
1.4
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.0
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.1
Fail
1.0
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
White BG
1.7Fail
1.5Fail
1.2Fail
1.5Fail
1.8Fail
Black BG
12.5AAA
13.7AAA
17.8AAA
13.9AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C883
C8C986
EFEFC8
E1E1AE
D7D7A5

Deuteranopia

C8C789
C6C38D
EFEFCB
E3E6B0
DBDFA6

Tritanopia

C4969B
BA9CA1
EED2D4
F0B5B7
EFA9AA

Achromatopsia

C0C0C0
C5C5C5
E9E9E9
D2D2D2
C4C4C4

Shades & Tints Shades & Tints

#C3CF6B

Dark
Light

#B8DE6A

Dark
Light

#EEF0BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3cf6b;
  --color-2: #b8de6a;
  --color-3: #eef0bb;
  --color-4: #f2cba5;
  --color-5: #f2b4a0;
}

SCSS

$color-1: #c3cf6b;
$color-2: #b8de6a;
$color-3: #eef0bb;
$color-4: #f2cba5;
$color-5: #f2b4a0;

TAILWIND

colors: {
  'brand-1': '#c3cf6b',
  'brand-2': '#b8de6a',
  'brand-3': '#eef0bb',
  'brand-4': '#f2cba5',
  'brand-5': '#f2b4a0',
}

RGB Array

[195, 207, 107], [184, 222, 106], [238, 240, 187], [242, 203, 165], [242, 180, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C3CF6B, #B8DE6A, #EEF0BB, #F2CBA5, #F2B4A0 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: #c3cf6b; --color-2: #b8de6a; --color-3: #eef0bb; --color-4: #f2cba5; --color-5: #f2b4a0. 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