← Back to Editor

#FFFEC3 · #A1D09C · #ED4947 · #F49B61 · #FFCB67

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

#FFFEC3

Fresh Green · Bisque · Lemon Cream

HEX
#FFFEC3
RGB
rgb(255, 254, 195)
HSL
hsl(59, 100%, 88%)
HSB
hsb(59, 24%, 100%)
CMYK
cmyk(0%, 0%, 24%, 0%)
Oklch
oklch(98.4% 0.075 106.9)

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

#A1D09C

Celadon · DarkSeaGreen · Apple Green

HEX
#A1D09C
RGB
rgb(161, 208, 156)
HSL
hsl(114, 36%, 71%)
HSB
hsb(114, 25%, 82%)
CMYK
cmyk(23%, 0%, 25%, 18%)
Oklch
oklch(81.1% 0.087 142.3)

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

#ED4947

Vermilion · Tomato · Passion Red

HEX
#ED4947
RGB
rgb(237, 73, 71)
HSL
hsl(1, 82%, 60%)
HSB
hsb(1, 70%, 93%)
CMYK
cmyk(0%, 69%, 70%, 7%)
Oklch
oklch(63.9% 0.201 25.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#F49B61

Apricot · SandyBrown · Warm Sun

HEX
#F49B61
RGB
rgb(244, 155, 97)
HSL
hsl(24, 87%, 67%)
HSB
hsb(24, 60%, 96%)
CMYK
cmyk(0%, 36%, 60%, 4%)
Oklch
oklch(76.8% 0.130 52.7)

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

#FFCB67

Ginger · SandyBrown · Warm Sun

HEX
#FFCB67
RGB
rgb(255, 203, 103)
HSL
hsl(39, 100%, 70%)
HSB
hsb(39, 60%, 100%)
CMYK
cmyk(0%, 20%, 60%, 0%)
Oklch
oklch(86.9% 0.131 81.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFEC3
C2C3FF

Analogous

FFDFC2
FFFEC3
E1FFC2

Triadic

FFFEC3
C2FFFE
FEC2FF

Split-Comp.

FFFEC3
C2E1FF
DFC2FF

Tetradic

FFFEC3
C2FFDF
C2C3FF
FFC2E1

Contrast Matrix WCAG 2.1 Contrast

FFFEC3
A1D09C
ED4947
F49B61
FFCB67
—
1.7
Fail
3.6
AA Large
2.1
Fail
1.4
Fail
1.7
Fail
—
2.1
Fail
1.2
Fail
1.2
Fail
3.6
AA Large
2.1
Fail
—
1.7
Fail
2.5
Fail
2.1
Fail
1.2
Fail
1.7
Fail
—
1.4
Fail
1.4
Fail
1.2
Fail
2.5
Fail
1.4
Fail
—
White BG
1.0Fail
1.7Fail
3.7AA Large
2.2Fail
1.5Fail
Black BG
20.2AAA
12.0AAA
5.6AA
9.7AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFD1
B5B6A9
A6A547
CDCD6F
E8E87F

Deuteranopia

FFFFD5
B3AFAC
B0BC48
D3D972
ECEF85

Tritanopia

FFDDDF
A3B3B5
E54848
F07A7D
FC9297

Achromatopsia

F8F8F8
BCBCBC
7A7A7A
AFAFAF
CFCFCF

Shades & Tints Shades & Tints

#FFFEC3

Dark
Light

#A1D09C

Dark
Light

#ED4947

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffec3;
  --color-2: #a1d09c;
  --color-3: #ed4947;
  --color-4: #f49b61;
  --color-5: #ffcb67;
}

SCSS

$color-1: #fffec3;
$color-2: #a1d09c;
$color-3: #ed4947;
$color-4: #f49b61;
$color-5: #ffcb67;

TAILWIND

colors: {
  'brand-1': '#fffec3',
  'brand-2': '#a1d09c',
  'brand-3': '#ed4947',
  'brand-4': '#f49b61',
  'brand-5': '#ffcb67',
}

RGB Array

[255, 254, 195], [161, 208, 156], [237, 73, 71], [244, 155, 97], [255, 203, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFEC3, #A1D09C, #ED4947, #F49B61, #FFCB67 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: #fffec3; --color-2: #a1d09c; --color-3: #ed4947; --color-4: #f49b61; --color-5: #ffcb67. 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