#7A929E + #C49B93 + #FFAB8F + #E3D2A3 + #DDEBB7 · 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

#7A929E

Slate Blue · LightSlateGray · Navy Blue

HEX

#7A929E

RGB

rgb(122, 146, 158)

HSL

hsl(200, 16%, 55%)

HSB

hsb(200, 23%, 62%)

CMYK

cmyk(23%, 8%, 0%, 38%)

Oklch

oklch(64.5% 0.033 229.5)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#C49B93

Peach Pink · Tan · Coral Red

HEX

#C49B93

RGB

rgb(196, 155, 147)

HSL

hsl(10, 29%, 67%)

HSB

hsb(10, 25%, 77%)

CMYK

cmyk(0%, 21%, 25%, 23%)

Oklch

oklch(72.5% 0.051 31.0)

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

#FFAB8F

Apricot · LightSalmon · Peach Orange

HEX

#FFAB8F

RGB

rgb(255, 171, 143)

HSL

hsl(15, 100%, 78%)

HSB

hsb(15, 44%, 100%)

CMYK

cmyk(0%, 33%, 44%, 0%)

Oklch

oklch(81.6% 0.107 39.2)

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

#E3D2A3

Goose Yellow · Wheat · Lemon Cream

HEX

#E3D2A3

RGB

rgb(227, 210, 163)

HSL

hsl(44, 53%, 76%)

HSB

hsb(44, 28%, 89%)

CMYK

cmyk(0%, 7%, 28%, 11%)

Oklch

oklch(86.6% 0.064 90.5)

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

#DDEBB7

Willow Green · Wheat · Mint Green

HEX

#DDEBB7

RGB

rgb(221, 235, 183)

HSL

hsl(76, 57%, 82%)

HSB

hsb(76, 22%, 92%)

CMYK

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

Oklch

oklch(91.7% 0.070 120.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A929E

9F867A

Analogous

7A9F98

7A929E

7A809F

Triadic

7A929E

9F7A92

929F7A

Split-Comp.

7A929E

9F7A80

9F987A

Tetradic

7A929E

987A9F

9F867A

809F7A

Contrast Matrix WCAG 2.1 Contrast

7A929E	C49B93	FFAB8F	E3D2A3	DDEBB7
—	1.3 Fail	1.8 Fail	2.2 Fail	2.6 Fail
1.3 Fail	—	1.4 Fail	1.7 Fail	2.0 Fail
1.8 Fail	1.4 Fail	—	1.2 Fail	1.5 Fail
2.2 Fail	1.7 Fail	1.2 Fail	—	1.2 Fail
2.6 Fail	2.0 Fail	1.5 Fail	1.2 Fail	—

White BG

3.3AA Large

2.5Fail

1.8Fail

1.5Fail

1.3Fail

Black BG

6.4AA

8.5AAA

11.5AAA

14.0AAA

16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

84859B

B2B295

DBDA96

DCDBAE

E3E3C4

Deuteranopia

83819A

B5B895

E0E697

DDDEB1

E2E1C7

Tritanopia

7B9998

C29697

FB9B9C

E2B7B9

DECED0

Achromatopsia

8C8C8C

A6A6A6

C1C1C1

D2D2D2

E1E1E1

Shades & Tints Shades & Tints

#7A929E

Dark

Light

#C49B93

Dark

Light

#FFAB8F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a929e;
  --color-2: #c49b93;
  --color-3: #ffab8f;
  --color-4: #e3d2a3;
  --color-5: #ddebb7;
}

SCSS

$color-1: #7a929e;
$color-2: #c49b93;
$color-3: #ffab8f;
$color-4: #e3d2a3;
$color-5: #ddebb7;

TAILWIND

colors: {
  'brand-1': '#7a929e',
  'brand-2': '#c49b93',
  'brand-3': '#ffab8f',
  'brand-4': '#e3d2a3',
  'brand-5': '#ddebb7',
}

RGB Array

[122, 146, 158], [196, 155, 147], [255, 171, 143], [227, 210, 163], [221, 235, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #7A929E, #C49B93, #FFAB8F, #E3D2A3, #DDEBB7 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: #7a929e; --color-2: #c49b93; --color-3: #ffab8f; --color-4: #e3d2a3; --color-5: #ddebb7. 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