#53A1A3 + #5CB597 + #83C783 + #BAD98D + #EBE698 · 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

#53A1A3

Slate Blue · CadetBlue · Mint Ice

HEX

#53A1A3

RGB

rgb(83, 161, 163)

HSL

hsl(182, 33%, 48%)

HSB

hsb(182, 49%, 64%)

CMYK

cmyk(49%, 1%, 0%, 36%)

Oklch

oklch(66.0% 0.077 197.7)

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

#5CB597

Mineral Blue · CadetBlue · Lake Green

HEX

#5CB597

RGB

rgb(92, 181, 151)

HSL

hsl(160, 38%, 54%)

HSB

hsb(160, 49%, 71%)

CMYK

cmyk(49%, 0%, 17%, 29%)

Oklch

oklch(70.9% 0.098 169.2)

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

#83C783

Celadon · DarkSeaGreen · Apple Green

HEX

#83C783

RGB

rgb(131, 199, 131)

HSL

hsl(120, 38%, 65%)

HSB

hsb(120, 34%, 78%)

CMYK

cmyk(34%, 0%, 34%, 22%)

Oklch

oklch(76.7% 0.118 144.3)

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

#BAD98D

Willow Green · Tan · Apple Green

HEX

#BAD98D

RGB

rgb(186, 217, 141)

HSL

hsl(84, 50%, 70%)

HSB

hsb(84, 35%, 85%)

CMYK

cmyk(14%, 0%, 35%, 15%)

Oklch

oklch(84.5% 0.105 126.6)

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

#EBE698

Fresh Green · Khaki · Lemon Cream

HEX

#EBE698

RGB

rgb(235, 230, 152)

HSL

hsl(56, 67%, 76%)

HSB

hsb(56, 35%, 92%)

CMYK

cmyk(0%, 2%, 35%, 8%)

Oklch

oklch(91.1% 0.099 105.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

53A1A3

A35552

Analogous

52A37D

53A1A3

5278A3

Triadic

53A1A3

A352A0

A0A352

Split-Comp.

53A1A3

A35278

A37D52

Tetradic

53A1A3

7D52A3

A35552

78A352

Contrast Matrix WCAG 2.1 Contrast

53A1A3	5CB597	83C783	BAD98D	EBE698
—	1.2 Fail	1.5 Fail	1.9 Fail	2.3 Fail
1.2 Fail	—	1.2 Fail	1.6 Fail	1.9 Fail
1.5 Fail	1.2 Fail	—	1.3 Fail	1.6 Fail
1.9 Fail	1.6 Fail	1.3 Fail	—	1.2 Fail
2.3 Fail	1.9 Fail	1.6 Fail	1.2 Fail	—

White BG

3.0AA Large

2.5Fail

2.0Fail

1.6Fail

1.3Fail

Black BG

7.0AA

8.5AAA

10.5AAA

13.4AAA

16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7575A3

83839E

A0A193

C7C89F

E9E9AB

Deuteranopia

706AA2

7D77A0

9D9797

C6C3A4

E9EAAF

Tritanopia

57A2A2

60A4A5

86A0A3

BCAEB1

EBBABD

Achromatopsia

8A8A8A

979797

ABABAB

C7C7C7

DFDFDF

Shades & Tints Shades & Tints

#53A1A3

Dark

Light

#5CB597

Dark

Light

#83C783

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #53a1a3;
  --color-2: #5cb597;
  --color-3: #83c783;
  --color-4: #bad98d;
  --color-5: #ebe698;
}

SCSS

$color-1: #53a1a3;
$color-2: #5cb597;
$color-3: #83c783;
$color-4: #bad98d;
$color-5: #ebe698;

TAILWIND

colors: {
  'brand-1': '#53a1a3',
  'brand-2': '#5cb597',
  'brand-3': '#83c783',
  'brand-4': '#bad98d',
  'brand-5': '#ebe698',
}

RGB Array

[83, 161, 163], [92, 181, 151], [131, 199, 131], [186, 217, 141], [235, 230, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #53A1A3, #5CB597, #83C783, #BAD98D, #EBE698 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: #53a1a3; --color-2: #5cb597; --color-3: #83c783; --color-4: #bad98d; --color-5: #ebe698. 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