#9C7272 + #F2618F + #FAA2A2 + #F7EBD5 + #A7C7BB · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#9C7272

Crimson · Gray · Passion Red

HEX

#9C7272

RGB

rgb(156, 114, 114)

HSL

hsl(0, 18%, 53%)

HSB

hsb(0, 27%, 61%)

CMYK

cmyk(0%, 27%, 27%, 39%)

Oklch

oklch(59.4% 0.053 18.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#F2618F

Rouge · LightCoral · Rose Pink

HEX

#F2618F

RGB

rgb(242, 97, 143)

HSL

hsl(341, 85%, 66%)

HSB

hsb(341, 60%, 95%)

CMYK

cmyk(0%, 60%, 41%, 5%)

Oklch

oklch(68.9% 0.182 3.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FAA2A2

Peach Pink · LightPink · Cherry Blossom

HEX

#FAA2A2

RGB

rgb(250, 162, 162)

HSL

hsl(0, 90%, 81%)

HSB

hsb(0, 35%, 98%)

CMYK

cmyk(0%, 35%, 35%, 2%)

Oklch

oklch(80.0% 0.105 19.6)

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

#F7EBD5

Goose Yellow · Beige · Peach Orange

HEX

#F7EBD5

RGB

rgb(247, 235, 213)

HSL

hsl(39, 68%, 90%)

HSB

hsb(39, 14%, 97%)

CMYK

cmyk(0%, 5%, 14%, 3%)

Oklch

oklch(94.4% 0.032 82.8)

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

#A7C7BB

Jade · Silver · Apple Green

HEX

#A7C7BB

RGB

rgb(167, 199, 187)

HSL

hsl(157, 22%, 72%)

HSB

hsb(157, 16%, 78%)

CMYK

cmyk(16%, 0%, 6%, 22%)

Oklch

oklch(80.3% 0.038 170.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C7272

729D9D

Analogous

9D7287

9C7272

9D8772

Triadic

9C7272

729D72

72729D

Split-Comp.

9C7272

729D87

72879D

Tetradic

9C7272

879D72

729D9D

87729D

Contrast Matrix WCAG 2.1 Contrast

9C7272	F2618F	FAA2A2	F7EBD5	A7C7BB
—	1.4 Fail	2.1 Fail	3.5 AA Large	2.3 Fail
1.4 Fail	—	1.6 Fail	2.6 Fail	1.7 Fail
2.1 Fail	1.6 Fail	—	1.7 Fail	1.1 Fail
3.5 AA Large	2.6 Fail	1.7 Fail	—	1.5 Fail
2.3 Fail	1.7 Fail	1.1 Fail	1.5 Fail	—

White BG

4.1AA Large

3.1AA Large

2.0Fail

1.2Fail

1.8Fail

Black BG

5.1AA

6.9AA

10.8AAA

17.8AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8972

B3B284

D4D3A2

F2F2DA

B5B5BE

Deuteranopia

8C8F72

BCC681

D9E0A2

F3F3DC

B3B1BF

Tritanopia

9A7272

EB7B79

F6A2A2

F6DFDF

A9C0C1

Achromatopsia

7F7F7F

929292

BCBCBC

ECECEC

BCBCBC

Shades & Tints Shades & Tints

#9C7272

Dark

Light

#F2618F

Dark

Light

#FAA2A2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c7272;
  --color-2: #f2618f;
  --color-3: #faa2a2;
  --color-4: #f7ebd5;
  --color-5: #a7c7bb;
}

SCSS

$color-1: #9c7272;
$color-2: #f2618f;
$color-3: #faa2a2;
$color-4: #f7ebd5;
$color-5: #a7c7bb;

TAILWIND

colors: {
  'brand-1': '#9c7272',
  'brand-2': '#f2618f',
  'brand-3': '#faa2a2',
  'brand-4': '#f7ebd5',
  'brand-5': '#a7c7bb',
}

RGB Array

[156, 114, 114], [242, 97, 143], [250, 162, 162], [247, 235, 213], [167, 199, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #9C7272, #F2618F, #FAA2A2, #F7EBD5, #A7C7BB is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #9c7272; --color-2: #f2618f; --color-3: #faa2a2; --color-4: #f7ebd5; --color-5: #a7c7bb. 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 pastel-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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