#DFEAC0 + #73B3A2 + #58A998 + #E9E8BC + #48B6A9 · 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

#DFEAC0

Willow Green · Wheat · Mint Green

HEX

#DFEAC0

RGB

rgb(223, 234, 192)

HSL

hsl(76, 50%, 84%)

HSB

hsb(76, 18%, 92%)

CMYK

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

Oklch

oklch(91.8% 0.057 119.4)

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

#73B3A2

Mineral Blue · CadetBlue · Lake Green

HEX

#73B3A2

RGB

rgb(115, 179, 162)

HSL

hsl(164, 30%, 58%)

HSB

hsb(164, 36%, 70%)

CMYK

cmyk(36%, 0%, 9%, 30%)

Oklch

oklch(71.8% 0.071 175.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#58A998

Mineral Blue · CadetBlue · Mint Ice

HEX

#58A998

RGB

rgb(88, 169, 152)

HSL

hsl(167, 32%, 50%)

HSB

hsb(167, 48%, 66%)

CMYK

cmyk(48%, 0%, 10%, 34%)

Oklch

oklch(67.8% 0.084 178.3)

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

#E9E8BC

Fresh Green · Wheat · Lemon Cream

HEX

#E9E8BC

RGB

rgb(233, 232, 188)

HSL

hsl(59, 51%, 83%)

HSB

hsb(59, 19%, 91%)

CMYK

cmyk(0%, 0%, 19%, 9%)

Oklch

oklch(92.1% 0.058 106.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#48B6A9

Mineral Blue · CadetBlue · Mint Ice

HEX

#48B6A9

RGB

rgb(72, 182, 169)

HSL

hsl(173, 43%, 50%)

HSB

hsb(173, 60%, 71%)

CMYK

cmyk(60%, 0%, 7%, 29%)

Oklch

oklch(71.0% 0.102 184.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFEAC0

CDC2EB

Analogous

EBE1C2

DFEAC0

CBEBC2

Triadic

DFEAC0

C2E0EB

EBC2E0

Split-Comp.

DFEAC0

C2CBEB

E1C2EB

Tetradic

DFEAC0

C2EBE1

CDC2EB

EBC2CB

Contrast Matrix WCAG 2.1 Contrast

DFEAC0	73B3A2	58A998	E9E8BC	48B6A9
—	1.9 Fail	2.2 Fail	1.0 Fail	2.0 Fail
1.9 Fail	—	1.2 Fail	1.9 Fail	1.0 Fail
2.2 Fail	1.2 Fail	—	2.2 Fail	1.1 Fail
1.0 Fail	1.9 Fail	2.2 Fail	—	2.0 Fail
2.0 Fail	1.0 Fail	1.1 Fail	2.0 Fail	—

White BG

1.3Fail

2.4Fail

2.8Fail

1.3Fail

2.5Fail

Black BG

16.7AAA

8.7AAA

7.5AAA

16.7AAA

8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4CA

8F8FA6

7B7C9C

E9E9C7

7879AC

Deuteranopia

E3E2CD

8B86A7

76709D

E9E9C9

7169AD

Tritanopia

E0D2D4

76A9AA

5C9FA0

E9CFD1

4DAFAF

Achromatopsia

E2E2E2

9E9E9E

8F8F8F

E3E3E3

949494

Shades & Tints Shades & Tints

#DFEAC0

Dark

Light

#73B3A2

Dark

Light

#58A998

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfeac0;
  --color-2: #73b3a2;
  --color-3: #58a998;
  --color-4: #e9e8bc;
  --color-5: #48b6a9;
}

SCSS

$color-1: #dfeac0;
$color-2: #73b3a2;
$color-3: #58a998;
$color-4: #e9e8bc;
$color-5: #48b6a9;

TAILWIND

colors: {
  'brand-1': '#dfeac0',
  'brand-2': '#73b3a2',
  'brand-3': '#58a998',
  'brand-4': '#e9e8bc',
  'brand-5': '#48b6a9',
}

RGB Array

[223, 234, 192], [115, 179, 162], [88, 169, 152], [233, 232, 188], [72, 182, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DFEAC0, #73B3A2, #58A998, #E9E8BC, #48B6A9 is ideal for: corporate websites, product showcases, portfolios. 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: #dfeac0; --color-2: #73b3a2; --color-3: #58a998; --color-4: #e9e8bc; --color-5: #48b6a9. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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