← Back to Editor

#F9FFCD · #DFF6CA · #C7E8B9 · #A2D6B2 · #64BD9D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F9FFCD

Fresh Green · Beige · Lemon Cream

HEX
#F9FFCD
RGB
rgb(249, 255, 205)
HSL
hsl(67, 100%, 90%)
HSB
hsb(67, 20%, 100%)
CMYK
cmyk(2%, 0%, 20%, 0%)
Oklch
oklch(98.3% 0.065 113.2)

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

#DFF6CA

Emerald · Beige · Mint Green

HEX
#DFF6CA
RGB
rgb(223, 246, 202)
HSL
hsl(91, 71%, 88%)
HSB
hsb(91, 18%, 96%)
CMYK
cmyk(9%, 0%, 18%, 4%)
Oklch
oklch(94.5% 0.063 130.1)

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

#C7E8B9

Emerald · LightGray · Mint Green

HEX
#C7E8B9
RGB
rgb(199, 232, 185)
HSL
hsl(102, 51%, 82%)
HSB
hsb(102, 20%, 91%)
CMYK
cmyk(14%, 0%, 20%, 9%)
Oklch
oklch(89.5% 0.072 136.4)

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

#A2D6B2

Celadon · Silver · Apple Green

HEX
#A2D6B2
RGB
rgb(162, 214, 178)
HSL
hsl(138, 39%, 74%)
HSB
hsb(138, 24%, 84%)
CMYK
cmyk(24%, 0%, 17%, 16%)
Oklch
oklch(83.0% 0.074 154.3)

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

#64BD9D

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#64BD9D
RGB
rgb(100, 189, 157)
HSL
hsl(158, 40%, 57%)
HSB
hsb(158, 47%, 74%)
CMYK
cmyk(47%, 0%, 17%, 26%)
Oklch
oklch(73.4% 0.099 168.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9FFCD
D2CCFF

Analogous

FFEBCC
F9FFCD
E0FFCC

Triadic

F9FFCD
CCF9FF
FFCCF9

Split-Comp.

F9FFCD
CCE0FF
EBCCFF

Tetradic

F9FFCD
CCFFEB
D2CCFF
FFCCE0

Contrast Matrix WCAG 2.1 Contrast

F9FFCD
DFF6CA
C7E8B9
A2D6B2
64BD9D
—
1.1
Fail
1.3
Fail
1.6
Fail
2.2
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
2.0
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
2.2
Fail
2.0
Fail
1.7
Fail
1.4
Fail
—
White BG
1.0Fail
1.2Fail
1.3Fail
1.6Fail
2.3Fail
Black BG
20.2AAA
18.2AAA
15.7AAA
12.8AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCD9
E9E9D5
D5D6C4
B9B9BB
8B8BA5

Deuteranopia

FBFBDC
E8E6D7
D3D1C7
B6B2BD
857FA7

Tritanopia

F9E3E5
E0DDDF
C9CDCF
A5C2C3
68ABAC

Achromatopsia

F8F8F8
EAEAEA
D9D9D9
C2C2C2
9F9F9F

Shades & Tints Shades & Tints

#F9FFCD

Dark
Light

#DFF6CA

Dark
Light

#C7E8B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9ffcd;
  --color-2: #dff6ca;
  --color-3: #c7e8b9;
  --color-4: #a2d6b2;
  --color-5: #64bd9d;
}

SCSS

$color-1: #f9ffcd;
$color-2: #dff6ca;
$color-3: #c7e8b9;
$color-4: #a2d6b2;
$color-5: #64bd9d;

TAILWIND

colors: {
  'brand-1': '#f9ffcd',
  'brand-2': '#dff6ca',
  'brand-3': '#c7e8b9',
  'brand-4': '#a2d6b2',
  'brand-5': '#64bd9d',
}

RGB Array

[249, 255, 205], [223, 246, 202], [199, 232, 185], [162, 214, 178], [100, 189, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9FFCD, #DFF6CA, #C7E8B9, #A2D6B2, #64BD9D 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: #f9ffcd; --color-2: #dff6ca; --color-3: #c7e8b9; --color-4: #a2d6b2; --color-5: #64bd9d. 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