← Back to Editor

#9DD4BD · #FFEEDE · #FFDCD3 · #FF2E93 · #CBA797

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

#9DD4BD

Jade · Silver · Apple Green

HEX
#9DD4BD
RGB
rgb(157, 212, 189)
HSL
hsl(155, 39%, 72%)
HSB
hsb(155, 26%, 83%)
CMYK
cmyk(26%, 0%, 11%, 17%)
Oklch
oklch(82.5% 0.065 167.1)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FFEEDE

Apricot · Linen · Peach Orange

HEX
#FFEEDE
RGB
rgb(255, 238, 222)
HSL
hsl(29, 100%, 94%)
HSB
hsb(29, 13%, 100%)
CMYK
cmyk(0%, 7%, 13%, 0%)
Oklch
oklch(95.8% 0.028 65.8)

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

#FFDCD3

Peach Pink · Bisque · Cherry Blossom

HEX
#FFDCD3
RGB
rgb(255, 220, 211)
HSL
hsl(12, 100%, 91%)
HSB
hsb(12, 17%, 100%)
CMYK
cmyk(0%, 14%, 17%, 0%)
Oklch
oklch(92.1% 0.041 34.8)

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

#FF2E93

Dark Violet · DeepPink · Rose Pink

HEX
#FF2E93
RGB
rgb(255, 46, 147)
HSL
hsl(331, 100%, 59%)
HSB
hsb(331, 82%, 100%)
CMYK
cmyk(0%, 82%, 42%, 0%)
Oklch
oklch(66.5% 0.248 358.1)

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

#CBA797

Apricot · Tan · Warm Sun

HEX
#CBA797
RGB
rgb(203, 167, 151)
HSL
hsl(18, 33%, 69%)
HSB
hsb(18, 26%, 80%)
CMYK
cmyk(0%, 18%, 26%, 20%)
Oklch
oklch(75.6% 0.048 45.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9DD4BD
D39CB3

Analogous

9CD3A0
9DD4BD
9CCFD3

Triadic

9DD4BD
BC9CD3
D3BC9C

Split-Comp.

9DD4BD
D39CCF
D3A09C

Tetradic

9DD4BD
A09CD3
D39CB3
CFD39C

Contrast Matrix WCAG 2.1 Contrast

9DD4BD
FFEEDE
FFDCD3
FF2E93
CBA797
—
1.5
Fail
1.3
Fail
2.1
Fail
1.3
Fail
1.5
Fail
—
1.1
Fail
3.1
AA Large
1.9
Fail
1.3
Fail
1.1
Fail
—
2.7
Fail
1.7
Fail
2.1
Fail
3.1
AA Large
2.7
Fail
—
1.6
Fail
1.3
Fail
1.9
Fail
1.7
Fail
1.6
Fail
—
White BG
1.7Fail
1.1Fail
1.3Fail
3.5AA Large
2.2Fail
Black BG
12.6AAA
18.5AAA
16.4AAA
6.1AA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B5C3
F8F7E2
F0F0D5
A5A37B
BBBB9B

Deuteranopia

B2AEC4
F9FAE3
F2F5D6
B1C075
BEC09C

Tritanopia

A0C7C8
FEE5E6
FDD7D7
F56763
C99E9F

Achromatopsia

C1C1C1
F1F1F1
E5E5E5
787878
B0B0B0

Shades & Tints Shades & Tints

#9DD4BD

Dark
Light

#FFEEDE

Dark
Light

#FFDCD3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9dd4bd;
  --color-2: #ffeede;
  --color-3: #ffdcd3;
  --color-4: #ff2e93;
  --color-5: #cba797;
}

SCSS

$color-1: #9dd4bd;
$color-2: #ffeede;
$color-3: #ffdcd3;
$color-4: #ff2e93;
$color-5: #cba797;

TAILWIND

colors: {
  'brand-1': '#9dd4bd',
  'brand-2': '#ffeede',
  'brand-3': '#ffdcd3',
  'brand-4': '#ff2e93',
  'brand-5': '#cba797',
}

RGB Array

[157, 212, 189], [255, 238, 222], [255, 220, 211], [255, 46, 147], [203, 167, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9DD4BD, #FFEEDE, #FFDCD3, #FF2E93, #CBA797 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: #9dd4bd; --color-2: #ffeede; --color-3: #ffdcd3; --color-4: #ff2e93; --color-5: #cba797. 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