#84798F + #67ABA2 + #42D4B6 + #ADDBB5 + #E3DAA6 · 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

#84798F

Dark Plum · Gray · Warm Gray

HEX

#84798F

RGB

rgb(132, 121, 143)

HSL

hsl(270, 9%, 52%)

HSB

hsb(270, 15%, 56%)

CMYK

cmyk(8%, 15%, 0%, 44%)

Oklch

oklch(59.4% 0.035 307.8)

Traditional「Dark Plum」· Paint「Warm Gray」· Creative Urban Concrete

#67ABA2

Mineral Blue · CadetBlue · Lake Green

HEX

#67ABA2

RGB

rgb(103, 171, 162)

HSL

hsl(172, 29%, 54%)

HSB

hsb(172, 40%, 67%)

CMYK

cmyk(40%, 0%, 5%, 33%)

Oklch

oklch(69.3% 0.071 185.0)

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

#42D4B6

Mineral Blue · MediumTurquoise · Lake Green

HEX

#42D4B6

RGB

rgb(66, 212, 182)

HSL

hsl(168, 63%, 55%)

HSB

hsb(168, 69%, 83%)

CMYK

cmyk(69%, 0%, 14%, 17%)

Oklch

oklch(78.6% 0.130 176.0)

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

#ADDBB5

Celadon · Silver · Apple Green

HEX

#ADDBB5

RGB

rgb(173, 219, 181)

HSL

hsl(130, 39%, 77%)

HSB

hsb(130, 21%, 86%)

CMYK

cmyk(21%, 0%, 17%, 14%)

Oklch

oklch(84.9% 0.071 149.8)

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

#E3DAA6

Fresh Green · Wheat · Lemon Cream

HEX

#E3DAA6

RGB

rgb(227, 218, 166)

HSL

hsl(51, 52%, 77%)

HSB

hsb(51, 27%, 89%)

CMYK

cmyk(0%, 4%, 27%, 11%)

Oklch

oklch(88.3% 0.069 99.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

84798F

85907A

Analogous

7A7A90

84798F

907A90

Triadic

84798F

90857A

7A9085

Split-Comp.

84798F

90907A

7A907A

Tetradic

84798F

907A7A

85907A

7A9090

Contrast Matrix WCAG 2.1 Contrast

84798F	67ABA2	42D4B6	ADDBB5	E3DAA6
—	1.5 Fail	2.2 Fail	2.7 Fail	2.9 Fail
1.5 Fail	—	1.4 Fail	1.7 Fail	1.9 Fail
2.2 Fail	1.4 Fail	—	1.2 Fail	1.3 Fail
2.7 Fail	1.7 Fail	1.2 Fail	—	1.1 Fail
2.9 Fail	1.9 Fail	1.3 Fail	1.1 Fail	—

White BG

4.1AA Large

2.7Fail

1.9Fail

1.5Fail

1.4Fail

Black BG

5.1AA

7.9AAA

11.3AAA

13.6AAA

14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7F8A

8485A4

8183BD

C1C1BE

DFDFB3

Deuteranopia

808188

817BA5

796EBF

BEBBC0

E0E0B6

Tritanopia

838585

6AA6A6

49C3C4

AFC5C7

E3BDBF

Achromatopsia

7F7F7F

969696

A5A5A5

C9C9C9

D7D7D7

Shades & Tints Shades & Tints

#84798F

Dark

Light

#67ABA2

Dark

Light

#42D4B6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #84798f;
  --color-2: #67aba2;
  --color-3: #42d4b6;
  --color-4: #addbb5;
  --color-5: #e3daa6;
}

SCSS

$color-1: #84798f;
$color-2: #67aba2;
$color-3: #42d4b6;
$color-4: #addbb5;
$color-5: #e3daa6;

TAILWIND

colors: {
  'brand-1': '#84798f',
  'brand-2': '#67aba2',
  'brand-3': '#42d4b6',
  'brand-4': '#addbb5',
  'brand-5': '#e3daa6',
}

RGB Array

[132, 121, 143], [103, 171, 162], [66, 212, 182], [173, 219, 181], [227, 218, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #84798F, #67ABA2, #42D4B6, #ADDBB5, #E3DAA6 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: #84798f; --color-2: #67aba2; --color-3: #42d4b6; --color-4: #addbb5; --color-5: #e3daa6. 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