← Back to Editor

#D1D89C · #F5D39B · #EFBEA1 · #F2A59A · #EF93A1

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

#D1D89C

Fresh Green · Khaki · Sunflower

HEX
#D1D89C
RGB
rgb(209, 216, 156)
HSL
hsl(67, 43%, 73%)
HSB
hsb(67, 28%, 85%)
CMYK
cmyk(3%, 0%, 28%, 15%)
Oklch
oklch(86.2% 0.079 113.5)

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

#F5D39B

Goose Yellow · Khaki · Peach Orange

HEX
#F5D39B
RGB
rgb(245, 211, 155)
HSL
hsl(37, 82%, 78%)
HSB
hsb(37, 37%, 96%)
CMYK
cmyk(0%, 14%, 37%, 4%)
Oklch
oklch(88.3% 0.081 79.8)

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

#EFBEA1

Apricot · BurlyWood · Peach Orange

HEX
#EFBEA1
RGB
rgb(239, 190, 161)
HSL
hsl(22, 71%, 78%)
HSB
hsb(22, 33%, 94%)
CMYK
cmyk(0%, 21%, 33%, 6%)
Oklch
oklch(83.8% 0.069 52.1)

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

#F2A59A

Peach Pink · BurlyWood · Coral Red

HEX
#F2A59A
RGB
rgb(242, 165, 154)
HSL
hsl(8, 77%, 78%)
HSB
hsb(8, 36%, 95%)
CMYK
cmyk(0%, 32%, 36%, 5%)
Oklch
oklch(79.4% 0.093 28.3)

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

#EF93A1

Peach Pink · LightCoral · Coral Red

HEX
#EF93A1
RGB
rgb(239, 147, 161)
HSL
hsl(351, 74%, 76%)
HSB
hsb(351, 38%, 94%)
CMYK
cmyk(0%, 38%, 33%, 6%)
Oklch
oklch(76.2% 0.112 10.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1D89C
A39DD8

Analogous

D8C19D
D1D89C
B3D89D

Triadic

D1D89C
9DD1D8
D89DD1

Split-Comp.

D1D89C
9DB3D8
C19DD8

Tetradic

D1D89C
9DD8C1
A39DD8
D89DB3

Contrast Matrix WCAG 2.1 Contrast

D1D89C
F5D39B
EFBEA1
F2A59A
EF93A1
—
1.0
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.0
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.3
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
White BG
1.5Fail
1.4Fail
1.7Fail
2.0Fail
2.2Fail
Black BG
14.0AAA
14.7AAA
12.6AAA
10.6AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4AB
E6E6A9
DAD9A8
D1D09D
C7C69E

Deuteranopia

D4D3AE
E8EBAC
DDE0AA
D5DB9D
CDD39D

Tritanopia

D1B6B9
F3B3B6
EDAEAF
EE9F9F
EA9B9A

Achromatopsia

CFCFCF
D7D7D7
C9C9C9
BBBBBB
B0B0B0

Shades & Tints Shades & Tints

#D1D89C

Dark
Light

#F5D39B

Dark
Light

#EFBEA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1d89c;
  --color-2: #f5d39b;
  --color-3: #efbea1;
  --color-4: #f2a59a;
  --color-5: #ef93a1;
}

SCSS

$color-1: #d1d89c;
$color-2: #f5d39b;
$color-3: #efbea1;
$color-4: #f2a59a;
$color-5: #ef93a1;

TAILWIND

colors: {
  'brand-1': '#d1d89c',
  'brand-2': '#f5d39b',
  'brand-3': '#efbea1',
  'brand-4': '#f2a59a',
  'brand-5': '#ef93a1',
}

RGB Array

[209, 216, 156], [245, 211, 155], [239, 190, 161], [242, 165, 154], [239, 147, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1D89C, #F5D39B, #EFBEA1, #F2A59A, #EF93A1 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: #d1d89c; --color-2: #f5d39b; --color-3: #efbea1; --color-4: #f2a59a; --color-5: #ef93a1. 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