← Back to Editor

#AED1AD · #F7ECE8 · #F2CDA4 · #EDB48D · #FA9C7C

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

#AED1AD

Celadon · Silver · Apple Green

HEX
#AED1AD
RGB
rgb(174, 209, 173)
HSL
hsl(118, 28%, 75%)
HSB
hsb(118, 17%, 82%)
CMYK
cmyk(17%, 0%, 17%, 18%)
Oklch
oklch(82.5% 0.062 144.3)

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

#F7ECE8

Apricot · Linen · Peach Orange

HEX
#F7ECE8
RGB
rgb(247, 236, 232)
HSL
hsl(16, 48%, 94%)
HSB
hsb(16, 6%, 97%)
CMYK
cmyk(0%, 4%, 6%, 3%)
Oklch
oklch(95.1% 0.013 41.2)

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

#F2CDA4

Goose Yellow · Wheat · Peach Orange

HEX
#F2CDA4
RGB
rgb(242, 205, 164)
HSL
hsl(32, 75%, 80%)
HSB
hsb(32, 32%, 95%)
CMYK
cmyk(0%, 15%, 32%, 5%)
Oklch
oklch(87.0% 0.068 69.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EDB48D

Apricot · BurlyWood · Warm Sun

HEX
#EDB48D
RGB
rgb(237, 180, 141)
HSL
hsl(24, 73%, 74%)
HSB
hsb(24, 41%, 93%)
CMYK
cmyk(0%, 24%, 41%, 7%)
Oklch
oklch(81.3% 0.085 55.6)

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

#FA9C7C

Apricot · LightSalmon · Warm Sun

HEX
#FA9C7C
RGB
rgb(250, 156, 124)
HSL
hsl(15, 93%, 73%)
HSB
hsb(15, 50%, 98%)
CMYK
cmyk(0%, 38%, 50%, 2%)
Oklch
oklch(78.1% 0.122 39.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AED1AD
D0ADD1

Analogous

C0D1AD
AED1AD
ADD1BE

Triadic

AED1AD
ADAFD1
D1ADAF

Split-Comp.

AED1AD
BEADD1
D1ADC0

Tetradic

AED1AD
ADC0D1
D0ADD1
D1BEAD

Contrast Matrix WCAG 2.1 Contrast

AED1AD
F7ECE8
F2CDA4
EDB48D
FA9C7C
—
1.4
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
1.8
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.1
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
White BG
1.7Fail
1.2Fail
1.5Fail
1.8Fail
2.1Fail
Black BG
12.5AAA
18.1AAA
14.0AAA
11.5AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDB6
F2F2E9
E2E2AE
D4D496
D1D084

Deuteranopia

BBB9B8
F3F4E9
E4E7B0
D8DC99
D7DE86

Tritanopia

B0BDBE
F6EAEA
F0B6B7
EA9EA0
F58A8B

Achromatopsia

C2C2C2
EFEFEF
D3D3D3
C1C1C1
B4B4B4

Shades & Tints Shades & Tints

#AED1AD

Dark
Light

#F7ECE8

Dark
Light

#F2CDA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aed1ad;
  --color-2: #f7ece8;
  --color-3: #f2cda4;
  --color-4: #edb48d;
  --color-5: #fa9c7c;
}

SCSS

$color-1: #aed1ad;
$color-2: #f7ece8;
$color-3: #f2cda4;
$color-4: #edb48d;
$color-5: #fa9c7c;

TAILWIND

colors: {
  'brand-1': '#aed1ad',
  'brand-2': '#f7ece8',
  'brand-3': '#f2cda4',
  'brand-4': '#edb48d',
  'brand-5': '#fa9c7c',
}

RGB Array

[174, 209, 173], [247, 236, 232], [242, 205, 164], [237, 180, 141], [250, 156, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AED1AD, #F7ECE8, #F2CDA4, #EDB48D, #FA9C7C 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: #aed1ad; --color-2: #f7ece8; --color-3: #f2cda4; --color-4: #edb48d; --color-5: #fa9c7c. 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