← Back to Editor

#D65A88 · #F09890 · #F2BE8A · #DED495 · #C5E3DD

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 App

Color Details Color Details

#D65A88

Dark Violet · LightCoral · Rose Pink

HEX
#D65A88
RGB
rgb(214, 90, 136)
HSL
hsl(338, 60%, 60%)
HSB
hsb(338, 58%, 84%)
CMYK
cmyk(0%, 58%, 36%, 16%)
Oklch
oklch(63.7% 0.162 359.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F09890

Peach Pink · DarkSalmon · Coral Red

HEX
#F09890
RGB
rgb(240, 152, 144)
HSL
hsl(5, 76%, 75%)
HSB
hsb(5, 40%, 94%)
CMYK
cmyk(0%, 37%, 40%, 6%)
Oklch
oklch(76.7% 0.107 25.5)

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

#F2BE8A

Goose Yellow · BurlyWood · Warm Sun

HEX
#F2BE8A
RGB
rgb(242, 190, 138)
HSL
hsl(30, 80%, 75%)
HSB
hsb(30, 43%, 95%)
CMYK
cmyk(0%, 21%, 43%, 5%)
Oklch
oklch(83.6% 0.090 66.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#DED495

Fresh Green · Khaki · Sunflower

HEX
#DED495
RGB
rgb(222, 212, 149)
HSL
hsl(52, 53%, 73%)
HSB
hsb(52, 33%, 87%)
CMYK
cmyk(0%, 5%, 33%, 13%)
Oklch
oklch(86.3% 0.082 100.2)

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

#C5E3DD

Jade · LightGray · Glacier Blue

HEX
#C5E3DD
RGB
rgb(197, 227, 221)
HSL
hsl(168, 35%, 83%)
HSB
hsb(168, 13%, 89%)
CMYK
cmyk(13%, 0%, 3%, 11%)
Oklch
oklch(89.2% 0.033 182.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D65A88
5CD6A9

Analogous

D65CC6
D65A88
D66C5C

Triadic

D65A88
89D65C
5C89D6

Split-Comp.

D65A88
5CD66C
5CC6D6

Tetradic

D65A88
C6D65C
5CD6A9
6C5CD6

Contrast Matrix WCAG 2.1 Contrast

D65A88
F09890
F2BE8A
DED495
C5E3DD
—
1.7
Fail
2.2
Fail
2.5
Fail
2.7
Fail
1.7
Fail
—
1.3
Fail
1.5
Fail
1.6
Fail
2.2
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
2.5
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
2.7
Fail
1.6
Fail
1.2
Fail
1.1
Fail
—
White BG
3.7AA Large
2.2Fail
1.7Fail
1.5Fail
1.4Fail
Black BG
5.7AA
9.6AAA
12.5AAA
14.0AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09F7D
CAC992
DBDB97
DADAA4
D2D2DE

Deuteranopia

A8B17A
CFD692
DFE29A
DADBA8
D0CEDF

Tritanopia

D07472
EC9394
EFA1A3
DDB0B3
C6E0E0

Achromatopsia

848484
B1B1B1
C8C8C8
D0D0D0
D9D9D9

Shades & Tints Shades & Tints

#D65A88

Dark
Light

#F09890

Dark
Light

#F2BE8A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d65a88;
  --color-2: #f09890;
  --color-3: #f2be8a;
  --color-4: #ded495;
  --color-5: #c5e3dd;
}

SCSS

$color-1: #d65a88;
$color-2: #f09890;
$color-3: #f2be8a;
$color-4: #ded495;
$color-5: #c5e3dd;

TAILWIND

colors: {
  'brand-1': '#d65a88',
  'brand-2': '#f09890',
  'brand-3': '#f2be8a',
  'brand-4': '#ded495',
  'brand-5': '#c5e3dd',
}

RGB Array

[214, 90, 136], [240, 152, 144], [242, 190, 138], [222, 212, 149], [197, 227, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D65A88, #F09890, #F2BE8A, #DED495, #C5E3DD 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: #d65a88; --color-2: #f09890; --color-3: #f2be8a; --color-4: #ded495; --color-5: #c5e3dd. 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