#488C75 + #88C1A1 + #EFE5B2 + #D66867 + #A34A4C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#488C75

Mineral Blue · SeaGreen · Mint Ice

HEX

#488C75

RGB

rgb(72, 140, 117)

HSL

hsl(160, 32%, 42%)

HSB

hsb(160, 49%, 55%)

CMYK

cmyk(49%, 0%, 16%, 45%)

Oklch

oklch(58.8% 0.079 169.3)

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

#88C1A1

Celadon · DarkSeaGreen · Apple Green

HEX

#88C1A1

RGB

rgb(136, 193, 161)

HSL

hsl(146, 31%, 65%)

HSB

hsb(146, 30%, 76%)

CMYK

cmyk(30%, 0%, 17%, 24%)

Oklch

oklch(76.3% 0.075 159.4)

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

#EFE5B2

Fresh Green · Wheat · Lemon Cream

HEX

#EFE5B2

RGB

rgb(239, 229, 178)

HSL

hsl(50, 66%, 82%)

HSB

hsb(50, 26%, 94%)

CMYK

cmyk(0%, 4%, 26%, 6%)

Oklch

oklch(91.7% 0.067 98.3)

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

#D66867

Peach Pink · LightCoral · Coral Red

HEX

#D66867

RGB

rgb(214, 104, 103)

HSL

hsl(1, 58%, 62%)

HSB

hsb(1, 52%, 84%)

CMYK

cmyk(0%, 51%, 52%, 16%)

Oklch

oklch(64.8% 0.139 22.2)

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

#A34A4C

Crimson · Sienna · Passion Red

HEX

#A34A4C

RGB

rgb(163, 74, 76)

HSL

hsl(359, 38%, 46%)

HSB

hsb(359, 55%, 64%)

CMYK

cmyk(0%, 55%, 53%, 36%)

Oklch

oklch(52.3% 0.118 20.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

488C75

8D4960

Analogous

498D54

488C75

49828D

Triadic

488C75

77498D

8D7749

Split-Comp.

488C75

8D4982

8D5449

Tetradic

488C75

54498D

8D4960

828D49

Contrast Matrix WCAG 2.1 Contrast

488C75	88C1A1	EFE5B2	D66867	A34A4C
—	1.9 Fail	3.1 AA Large	1.1 Fail	1.5 Fail
1.9 Fail	—	1.6 Fail	1.7 Fail	2.8 Fail
3.1 AA Large	1.6 Fail	—	2.7 Fail	4.5 AA
1.1 Fail	1.7 Fail	2.7 Fail	—	1.7 Fail
1.5 Fail	2.8 Fail	4.5 AA	1.7 Fail	—

White BG

4.0AA Large

2.1Fail

1.3Fail

3.5AA Large

5.8AA

Black BG

5.3AA

10.2AAA

16.5AAA

6.0AA

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

65667B

A1A1A9

EBEBBE

A6A567

7C7C4C

Deuteranopia

625C7C

9D99AB

EBECC1

ADB567

82884B

Tritanopia

4B7F80

8BAFB0

EEC8CA

D06767

9F4B4B

Achromatopsia

757575

ACACAC

E2E2E2

898989

656565

Shades & Tints Shades & Tints

#488C75

Dark

Light

#88C1A1

Dark

Light

#EFE5B2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #488c75;
  --color-2: #88c1a1;
  --color-3: #efe5b2;
  --color-4: #d66867;
  --color-5: #a34a4c;
}

SCSS

$color-1: #488c75;
$color-2: #88c1a1;
$color-3: #efe5b2;
$color-4: #d66867;
$color-5: #a34a4c;

TAILWIND

colors: {
  'brand-1': '#488c75',
  'brand-2': '#88c1a1',
  'brand-3': '#efe5b2',
  'brand-4': '#d66867',
  'brand-5': '#a34a4c',
}

RGB Array

[72, 140, 117], [136, 193, 161], [239, 229, 178], [214, 104, 103], [163, 74, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #488C75, #88C1A1, #EFE5B2, #D66867, #A34A4C 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: #488c75; --color-2: #88c1a1; --color-3: #efe5b2; --color-4: #d66867; --color-5: #a34a4c. 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 general-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