#F76A8A + #9DE1CA + #F2E3B8 + #C1CD9B + #5A8B87 · 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

#F76A8A

Peach Pink · LightCoral · Coral Red

HEX

#F76A8A

RGB

rgb(247, 106, 138)

HSL

hsl(346, 90%, 69%)

HSB

hsb(346, 57%, 97%)

CMYK

cmyk(0%, 57%, 44%, 3%)

Oklch

oklch(70.6% 0.174 8.6)

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

#9DE1CA

Jade · LightBlue · Lake Green

HEX

#9DE1CA

RGB

rgb(157, 225, 202)

HSL

hsl(160, 53%, 75%)

HSB

hsb(160, 30%, 88%)

CMYK

cmyk(30%, 0%, 10%, 12%)

Oklch

oklch(85.8% 0.076 171.4)

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

#F2E3B8

Goose Yellow · Wheat · Lemon Cream

HEX

#F2E3B8

RGB

rgb(242, 227, 184)

HSL

hsl(44, 69%, 84%)

HSB

hsb(44, 24%, 95%)

CMYK

cmyk(0%, 6%, 24%, 5%)

Oklch

oklch(91.7% 0.058 91.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C1CD9B

Willow Green · Tan · Apple Green

HEX

#C1CD9B

RGB

rgb(193, 205, 155)

HSL

hsl(74, 33%, 71%)

HSB

hsb(74, 24%, 80%)

CMYK

cmyk(6%, 0%, 24%, 20%)

Oklch

oklch(82.6% 0.068 118.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#5A8B87

Mineral Blue · SlateGray · Mint Ice

HEX

#5A8B87

RGB

rgb(90, 139, 135)

HSL

hsl(175, 21%, 45%)

HSB

hsb(175, 35%, 55%)

CMYK

cmyk(35%, 0%, 3%, 45%)

Oklch

oklch(60.1% 0.053 189.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F76A8A

69F7D6

Analogous

F769D1

F76A8A

F78F69

Triadic

F76A8A

8AF769

698AF7

Split-Comp.

F76A8A

69F78F

69D1F7

Tetradic

F76A8A

D1F769

69F7D6

8F69F7

Contrast Matrix WCAG 2.1 Contrast

F76A8A	9DE1CA	F2E3B8	C1CD9B	5A8B87
—	1.9 Fail	2.2 Fail	1.7 Fail	1.3 Fail
1.9 Fail	—	1.2 Fail	1.1 Fail	2.6 Fail
2.2 Fail	1.2 Fail	—	1.3 Fail	3.0 AA Large
1.7 Fail	1.1 Fail	1.3 Fail	—	2.3 Fail
1.3 Fail	2.6 Fail	3.0 AA Large	2.3 Fail	—

White BG

2.8Fail

1.5Fail

1.3Fail

1.7Fail

3.8AA Large

Black BG

7.4AAA

14.1AAA

16.5AAA

12.5AAA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB982

BABBD0

ECEBC2

C6C6A7

6F7088

Deuteranopia

C2CD80

B7B1D1

ECEDC5

C6C5AA

6C6988

Tritanopia

F07C7B

A0D4D5

F1CBCC

C2B1B3

5C8989

Achromatopsia

989898

CACACA

E3E3E3

C4C4C4

7C7C7C

Shades & Tints Shades & Tints

#F76A8A

Dark

Light

#9DE1CA

Dark

Light

#F2E3B8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f76a8a;
  --color-2: #9de1ca;
  --color-3: #f2e3b8;
  --color-4: #c1cd9b;
  --color-5: #5a8b87;
}

SCSS

$color-1: #f76a8a;
$color-2: #9de1ca;
$color-3: #f2e3b8;
$color-4: #c1cd9b;
$color-5: #5a8b87;

TAILWIND

colors: {
  'brand-1': '#f76a8a',
  'brand-2': '#9de1ca',
  'brand-3': '#f2e3b8',
  'brand-4': '#c1cd9b',
  'brand-5': '#5a8b87',
}

RGB Array

[247, 106, 138], [157, 225, 202], [242, 227, 184], [193, 205, 155], [90, 139, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F76A8A, #9DE1CA, #F2E3B8, #C1CD9B, #5A8B87 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: #f76a8a; --color-2: #9de1ca; --color-3: #f2e3b8; --color-4: #c1cd9b; --color-5: #5a8b87. 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