← Back to Editor

#89CCBD · #FCF6F8 · #F7DCCA · #FF726B · #77022C

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#89CCBD

Jade · MediumAquaMarine · Lake Green

HEX
#89CCBD
RGB
rgb(137, 204, 189)
HSL
hsl(167, 40%, 67%)
HSB
hsb(167, 33%, 80%)
CMYK
cmyk(33%, 0%, 7%, 20%)
Oklch
oklch(79.6% 0.071 178.7)

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

#FCF6F8

Rouge · Snow · Cherry Blossom

HEX
#FCF6F8
RGB
rgb(252, 246, 248)
HSL
hsl(340, 50%, 98%)
HSB
hsb(340, 2%, 99%)
CMYK
cmyk(0%, 2%, 2%, 1%)
Oklch
oklch(97.8% 0.007 354.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F7DCCA

Apricot · Bisque · Peach Orange

HEX
#F7DCCA
RGB
rgb(247, 220, 202)
HSL
hsl(24, 74%, 88%)
HSB
hsb(24, 18%, 97%)
CMYK
cmyk(0%, 11%, 18%, 3%)
Oklch
oklch(91.2% 0.039 55.9)

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

#FF726B

Peach Pink · Salmon · Coral Red

HEX
#FF726B
RGB
rgb(255, 114, 107)
HSL
hsl(3, 100%, 71%)
HSB
hsb(3, 58%, 100%)
CMYK
cmyk(0%, 55%, 58%, 0%)
Oklch
oklch(72.1% 0.174 25.2)

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

#77022C

Dark Violet · Maroon · Raspberry

HEX
#77022C
RGB
rgb(119, 2, 44)
HSL
hsl(338, 97%, 24%)
HSB
hsb(338, 98%, 47%)
CMYK
cmyk(0%, 98%, 63%, 53%)
Oklch
oklch(36.5% 0.144 10.4)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

89CCBD
CD8998

Analogous

89CD9C
89CCBD
89B9CD

Triadic

89CCBD
BE89CD
CDBE89

Split-Comp.

89CCBD
CD89B9
CD9C89

Tetradic

89CCBD
9C89CD
CD8998
B9CD89

Contrast Matrix WCAG 2.1 Contrast

89CCBD
FCF6F8
F7DCCA
FF726B
77022C
—
1.7
Fail
1.4
Fail
1.5
Fail
6.3
AA
1.7
Fail
—
1.2
Fail
2.5
Fail
10.8
AAA
1.4
Fail
1.2
Fail
—
2.0
Fail
8.8
AAA
1.5
Fail
2.5
Fail
2.0
Fail
—
4.3
AA Large
6.3
AA
10.8
AAA
8.8
AAA
4.3
AA Large
—
White BG
1.8Fail
1.1Fail
1.3Fail
2.7Fail
11.5AAA
Black BG
11.4AAA
19.7AAA
16.0AAA
7.9AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A7C1
F9F9F8
EBEBCE
C2C16D
444322

Deuteranopia

A29DC1
FAFAF7
EDEFCF
CAD56D
4B541F

Tritanopia

8CC3C4
FCF7F7
F6D2D3
F86E6E
711A18

Achromatopsia

B6B6B6
F8F8F8
E2E2E2
9B9B9B
2A2A2A

Shades & Tints Shades & Tints

#89CCBD

Dark
Light

#FCF6F8

Dark
Light

#F7DCCA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #89ccbd;
  --color-2: #fcf6f8;
  --color-3: #f7dcca;
  --color-4: #ff726b;
  --color-5: #77022c;
}

SCSS

$color-1: #89ccbd;
$color-2: #fcf6f8;
$color-3: #f7dcca;
$color-4: #ff726b;
$color-5: #77022c;

TAILWIND

colors: {
  'brand-1': '#89ccbd',
  'brand-2': '#fcf6f8',
  'brand-3': '#f7dcca',
  'brand-4': '#ff726b',
  'brand-5': '#77022c',
}

RGB Array

[137, 204, 189], [252, 246, 248], [247, 220, 202], [255, 114, 107], [119, 2, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #89CCBD, #FCF6F8, #F7DCCA, #FF726B, #77022C is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #89ccbd; --color-2: #fcf6f8; --color-3: #f7dcca; --color-4: #ff726b; --color-5: #77022c. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 pastel-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