← Back to Editor

#FEFCC9 · #ABFFCD · #6ED2BA · #14174A · #FFB09A

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 AppData Visualization

Color Details Color Details

#FEFCC9

Fresh Green · Beige · Lemon Cream

HEX
#FEFCC9
RGB
rgb(254, 252, 201)
HSL
hsl(58, 96%, 89%)
HSB
hsb(58, 21%, 100%)
CMYK
cmyk(0%, 1%, 21%, 0%)
Oklch
oklch(98.0% 0.065 105.7)

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

#ABFFCD

Emerald · LightBlue · Mint Green

HEX
#ABFFCD
RGB
rgb(171, 255, 205)
HSL
hsl(144, 100%, 84%)
HSB
hsb(144, 33%, 100%)
CMYK
cmyk(33%, 0%, 20%, 0%)
Oklch
oklch(93.3% 0.107 157.4)

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

#6ED2BA

Jade · MediumAquaMarine · Lake Green

HEX
#6ED2BA
RGB
rgb(110, 210, 186)
HSL
hsl(166, 53%, 63%)
HSB
hsb(166, 48%, 82%)
CMYK
cmyk(48%, 0%, 11%, 18%)
Oklch
oklch(79.6% 0.101 176.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#14174A

Indigo · MidnightBlue · Deep Sea Blue

HEX
#14174A
RGB
rgb(20, 23, 74)
HSL
hsl(237, 57%, 18%)
HSB
hsb(237, 73%, 29%)
CMYK
cmyk(73%, 69%, 0%, 71%)
Oklch
oklch(24.0% 0.093 274.4)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#FFB09A

Peach Pink · LightSalmon · Coral Red

HEX
#FFB09A
RGB
rgb(255, 176, 154)
HSL
hsl(13, 100%, 80%)
HSB
hsb(13, 40%, 100%)
CMYK
cmyk(0%, 31%, 40%, 0%)
Oklch
oklch(82.7% 0.098 36.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFCC9
C8CAFE

Analogous

FEE1C8
FEFCC9
E5FEC8

Triadic

FEFCC9
C8FEFC
FCC8FE

Split-Comp.

FEFCC9
C8E5FE
E1C8FE

Tetradic

FEFCC9
C8FEE1
C8CAFE
FEC8E5

Contrast Matrix WCAG 2.1 Contrast

FEFCC9
ABFFCD
6ED2BA
14174A
FFB09A
—
1.1
Fail
1.7
Fail
16.0
AAA
1.7
Fail
1.1
Fail
—
1.5
Fail
14.3
AAA
1.5
Fail
1.7
Fail
1.5
Fail
—
9.3
AAA
1.0
Fail
16.0
AAA
14.3
AAA
9.3
AAA
—
9.5
AAA
1.7
Fail
1.5
Fail
1.0
Fail
9.5
AAA
—
White BG
1.1Fail
1.2Fail
1.8Fail
16.8AAA
1.8Fail
Black BG
20.0AAA
17.9AAA
11.6AAA
1.3Fail
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDD5
CFD0D9
999AC0
15153E
DDDC9F

Deuteranopia

FDFDD8
CBC4DC
948CC1
15153B
E1E7A1

Tritanopia

FEDFE1
AFE3E5
73C4C5
143432
FBA4A4

Achromatopsia

F7F7F7
E0E0E0
B1B1B1
1C1C1C
C5C5C5

Shades & Tints Shades & Tints

#FEFCC9

Dark
Light

#ABFFCD

Dark
Light

#6ED2BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefcc9;
  --color-2: #abffcd;
  --color-3: #6ed2ba;
  --color-4: #14174a;
  --color-5: #ffb09a;
}

SCSS

$color-1: #fefcc9;
$color-2: #abffcd;
$color-3: #6ed2ba;
$color-4: #14174a;
$color-5: #ffb09a;

TAILWIND

colors: {
  'brand-1': '#fefcc9',
  'brand-2': '#abffcd',
  'brand-3': '#6ed2ba',
  'brand-4': '#14174a',
  'brand-5': '#ffb09a',
}

RGB Array

[254, 252, 201], [171, 255, 205], [110, 210, 186], [20, 23, 74], [255, 176, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFCC9, #ABFFCD, #6ED2BA, #14174A, #FFB09A is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #fefcc9; --color-2: #abffcd; --color-3: #6ed2ba; --color-4: #14174a; --color-5: #ffb09a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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