← Back to Editor

#F2D79C · #FBF6C1 · #CCF2BA · #A2DCBE · #3DD7C5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F2D79C

Goose Yellow · Khaki · Lemon Cream

HEX
#F2D79C
RGB
rgb(242, 215, 156)
HSL
hsl(41, 77%, 78%)
HSB
hsb(41, 36%, 95%)
CMYK
cmyk(0%, 11%, 36%, 5%)
Oklch
oklch(88.8% 0.081 86.1)

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

#FBF6C1

Fresh Green · Bisque · Lemon Cream

HEX
#FBF6C1
RGB
rgb(251, 246, 193)
HSL
hsl(55, 88%, 87%)
HSB
hsb(55, 23%, 98%)
CMYK
cmyk(0%, 2%, 23%, 2%)
Oklch
oklch(96.4% 0.068 103.1)

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

#CCF2BA

Emerald · LightGray · Mint Green

HEX
#CCF2BA
RGB
rgb(204, 242, 186)
HSL
hsl(101, 68%, 84%)
HSB
hsb(101, 23%, 95%)
CMYK
cmyk(16%, 0%, 23%, 5%)
Oklch
oklch(92.0% 0.084 135.7)

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

#A2DCBE

Celadon · Silver · Apple Green

HEX
#A2DCBE
RGB
rgb(162, 220, 190)
HSL
hsl(149, 45%, 75%)
HSB
hsb(149, 26%, 86%)
CMYK
cmyk(26%, 0%, 14%, 14%)
Oklch
oklch(84.6% 0.073 161.8)

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

#3DD7C5

Mineral Blue · MediumTurquoise · Lake Green

HEX
#3DD7C5
RGB
rgb(61, 215, 197)
HSL
hsl(173, 66%, 54%)
HSB
hsb(173, 72%, 84%)
CMYK
cmyk(72%, 0%, 8%, 16%)
Oklch
oklch(79.7% 0.128 183.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2D79C
9CB7F2

Analogous

F2AC9C
F2D79C
E2F29C

Triadic

F2D79C
9CF2D7
D79CF2

Split-Comp.

F2D79C
9CE2F2
AC9CF2

Tetradic

F2D79C
9CF2AC
9CB7F2
F29CE2

Contrast Matrix WCAG 2.1 Contrast

F2D79C
FBF6C1
CCF2BA
A2DCBE
3DD7C5
—
1.3
Fail
1.1
Fail
1.1
Fail
1.3
Fail
1.3
Fail
—
1.1
Fail
1.4
Fail
1.6
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.4
Fail
1.1
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
1.4Fail
1.1Fail
1.2Fail
1.6Fail
1.8Fail
Black BG
15.0AAA
19.1AAA
17.0AAA
13.5AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6AA
F9F9CE
DCDDC8
BBBCC5
8081C9

Deuteranopia

E8EAAE
F9FAD1
DAD7CB
B8B3C7
776BCA

Tritanopia

F1B6B8
FBD8DA
CED2D5
A5CBCC
45CDCE

Achromatopsia

D8D8D8
F1F1F1
E0E0E0
C7C7C7
A7A7A7

Shades & Tints Shades & Tints

#F2D79C

Dark
Light

#FBF6C1

Dark
Light

#CCF2BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2d79c;
  --color-2: #fbf6c1;
  --color-3: #ccf2ba;
  --color-4: #a2dcbe;
  --color-5: #3dd7c5;
}

SCSS

$color-1: #f2d79c;
$color-2: #fbf6c1;
$color-3: #ccf2ba;
$color-4: #a2dcbe;
$color-5: #3dd7c5;

TAILWIND

colors: {
  'brand-1': '#f2d79c',
  'brand-2': '#fbf6c1',
  'brand-3': '#ccf2ba',
  'brand-4': '#a2dcbe',
  'brand-5': '#3dd7c5',
}

RGB Array

[242, 215, 156], [251, 246, 193], [204, 242, 186], [162, 220, 190], [61, 215, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2D79C, #FBF6C1, #CCF2BA, #A2DCBE, #3DD7C5 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: #f2d79c; --color-2: #fbf6c1; --color-3: #ccf2ba; --color-4: #a2dcbe; --color-5: #3dd7c5. 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