← Back to Editor

#FFADA6 · #FFC3A6 · #FFEF9E · #FAFFB0 · #EFFFC7

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

#FFADA6

Peach Pink · LightPink · Cherry Blossom

HEX
#FFADA6
RGB
rgb(255, 173, 166)
HSL
hsl(5, 100%, 83%)
HSB
hsb(5, 35%, 100%)
CMYK
cmyk(0%, 32%, 35%, 0%)
Oklch
oklch(82.5% 0.098 24.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFC3A6

Apricot · LightPink · Peach Orange

HEX
#FFC3A6
RGB
rgb(255, 195, 166)
HSL
hsl(20, 100%, 83%)
HSB
hsb(20, 35%, 100%)
CMYK
cmyk(0%, 24%, 35%, 0%)
Oklch
oklch(86.4% 0.079 47.0)

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

#FFEF9E

Fresh Green · Khaki · Lemon Cream

HEX
#FFEF9E
RGB
rgb(255, 239, 158)
HSL
hsl(50, 100%, 81%)
HSB
hsb(50, 38%, 100%)
CMYK
cmyk(0%, 6%, 38%, 0%)
Oklch
oklch(94.7% 0.102 98.4)

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

#FAFFB0

Fresh Green · Wheat · Lemon Cream

HEX
#FAFFB0
RGB
rgb(250, 255, 176)
HSL
hsl(64, 100%, 85%)
HSB
hsb(64, 31%, 100%)
CMYK
cmyk(2%, 0%, 31%, 0%)
Oklch
oklch(97.8% 0.099 111.2)

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

#EFFFC7

Willow Green · Beige · Mint Green

HEX
#EFFFC7
RGB
rgb(239, 255, 199)
HSL
hsl(77, 100%, 89%)
HSB
hsb(77, 22%, 100%)
CMYK
cmyk(6%, 0%, 22%, 0%)
Oklch
oklch(97.4% 0.074 120.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFADA6
A8F8FF

Analogous

FFA8CC
FFADA6
FFDBA8

Triadic

FFADA6
A8FFB0
B0A8FF

Split-Comp.

FFADA6
A8FFDB
A8CCFF

Tetradic

FFADA6
CCFFA8
A8F8FF
DBA8FF

Contrast Matrix WCAG 2.1 Contrast

FFADA6
FFC3A6
FFEF9E
FAFFB0
EFFFC7
—
1.2
Fail
1.5
Fail
1.7
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.5
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.7
Fail
1.5
Fail
1.1
Fail
—
1.0
Fail
1.7
Fail
1.5
Fail
1.1
Fail
1.0
Fail
—
White BG
1.8Fail
1.5Fail
1.2Fail
1.1Fail
1.1Fail
Black BG
11.8AAA
13.6AAA
18.1AAA
20.0AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBA8
E5E4AD
F8F8B2
FCFCC3
F6F6D5

Deuteranopia

E0E6A8
E9EDAF
F9FAB6
FCFCC8
F5F4D8

Tritanopia

FBA9A9
FCB3B4
FEC1C4
FAD2D6
F0DFE2

Achromatopsia

C5C5C5
D2D2D2
EBEBEB
F4F4F4
F4F4F4

Shades & Tints Shades & Tints

#FFADA6

Dark
Light

#FFC3A6

Dark
Light

#FFEF9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffada6;
  --color-2: #ffc3a6;
  --color-3: #ffef9e;
  --color-4: #faffb0;
  --color-5: #efffc7;
}

SCSS

$color-1: #ffada6;
$color-2: #ffc3a6;
$color-3: #ffef9e;
$color-4: #faffb0;
$color-5: #efffc7;

TAILWIND

colors: {
  'brand-1': '#ffada6',
  'brand-2': '#ffc3a6',
  'brand-3': '#ffef9e',
  'brand-4': '#faffb0',
  'brand-5': '#efffc7',
}

RGB Array

[255, 173, 166], [255, 195, 166], [255, 239, 158], [250, 255, 176], [239, 255, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFADA6, #FFC3A6, #FFEF9E, #FAFFB0, #EFFFC7 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: #ffada6; --color-2: #ffc3a6; --color-3: #ffef9e; --color-4: #faffb0; --color-5: #efffc7. 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