#738371 + #9EADAE + #CADBBC + #DFF2C0 + #ECF8B3 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#738371

Ink Gray · Gray · Warm Gray

HEX

#738371

RGB

rgb(115, 131, 113)

HSL

hsl(113, 7%, 48%)

HSB

hsb(113, 14%, 51%)

CMYK

cmyk(12%, 0%, 14%, 49%)

Oklch

oklch(59.2% 0.033 142.1)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#9EADAE

Sky Blue · DarkGray · Silver Sand

HEX

#9EADAE

RGB

rgb(158, 173, 174)

HSL

hsl(184, 9%, 65%)

HSB

hsb(184, 9%, 68%)

CMYK

cmyk(9%, 1%, 0%, 32%)

Oklch

oklch(73.6% 0.017 201.6)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

#CADBBC

Celadon · LightGray · Apple Green

HEX

#CADBBC

RGB

rgb(202, 219, 188)

HSL

hsl(93, 30%, 80%)

HSB

hsb(93, 14%, 86%)

CMYK

cmyk(8%, 0%, 14%, 14%)

Oklch

oklch(87.0% 0.046 130.9)

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

#DFF2C0

Willow Green · Wheat · Mint Green

HEX

#DFF2C0

RGB

rgb(223, 242, 192)

HSL

hsl(83, 66%, 85%)

HSB

hsb(83, 21%, 95%)

CMYK

cmyk(8%, 0%, 21%, 5%)

Oklch

oklch(93.4% 0.069 124.6)

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

#ECF8B3

Willow Green · Wheat · Mint Green

HEX

#ECF8B3

RGB

rgb(236, 248, 179)

HSL

hsl(70, 83%, 84%)

HSB

hsb(70, 28%, 97%)

CMYK

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

Oklch

oklch(95.4% 0.089 116.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

738371

817283

Analogous

7C8372

738371

728378

Triadic

738371

727483

837274

Split-Comp.

738371

787283

83727C

Tetradic

738371

727C83

817283

837872

Contrast Matrix WCAG 2.1 Contrast

738371	9EADAE	CADBBC	DFF2C0	ECF8B3
—	1.7 Fail	2.8 Fail	3.4 AA Large	3.6 AA Large
1.7 Fail	—	1.6 Fail	1.9 Fail	2.1 Fail
2.8 Fail	1.6 Fail	—	1.2 Fail	1.3 Fail
3.4 AA Large	1.9 Fail	1.2 Fail	—	1.1 Fail
3.6 AA Large	2.1 Fail	1.3 Fail	1.1 Fail	—

White BG

4.0AA Large

2.3Fail

1.5Fail

1.2Fail

1.1Fail

Black BG

5.2AA

9.0AAA

14.4AAA

17.6AAA

18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7A75

A4A5AE

D1D2C4

E7E7CC

F1F1C4

Deuteranopia

797876

A4A3AE

D0CFC5

E6E5CF

F1F0C8

Tritanopia

74797A

9FAEAE

CBC9CB

E0D6D8

EDD1D4

Achromatopsia

7C7C7C

A9A9A9

D2D2D2

E7E7E7

EDEDED

Shades & Tints Shades & Tints

#738371

Dark

Light

#9EADAE

Dark

Light

#CADBBC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #738371;
  --color-2: #9eadae;
  --color-3: #cadbbc;
  --color-4: #dff2c0;
  --color-5: #ecf8b3;
}

SCSS

$color-1: #738371;
$color-2: #9eadae;
$color-3: #cadbbc;
$color-4: #dff2c0;
$color-5: #ecf8b3;

TAILWIND

colors: {
  'brand-1': '#738371',
  'brand-2': '#9eadae',
  'brand-3': '#cadbbc',
  'brand-4': '#dff2c0',
  'brand-5': '#ecf8b3',
}

RGB Array

[115, 131, 113], [158, 173, 174], [202, 219, 188], [223, 242, 192], [236, 248, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #738371, #9EADAE, #CADBBC, #DFF2C0, #ECF8B3 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: #738371; --color-2: #9eadae; --color-3: #cadbbc; --color-4: #dff2c0; --color-5: #ecf8b3. 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