#88664D + #E5DCB3 + #F6826B + #E8D299 + #81B69C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#88664D

Tangerine · DimGray · Amber Brown

HEX

#88664D

RGB

rgb(136, 102, 77)

HSL

hsl(25, 28%, 42%)

HSB

hsb(25, 43%, 53%)

CMYK

cmyk(0%, 25%, 43%, 47%)

Oklch

oklch(53.8% 0.057 57.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E5DCB3

Goose Yellow · Wheat · Lemon Cream

HEX

#E5DCB3

RGB

rgb(229, 220, 179)

HSL

hsl(49, 49%, 80%)

HSB

hsb(49, 22%, 90%)

CMYK

cmyk(0%, 4%, 22%, 10%)

Oklch

oklch(89.1% 0.055 97.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F6826B

Peach Pink · Salmon · Coral Red

HEX

#F6826B

RGB

rgb(246, 130, 107)

HSL

hsl(10, 89%, 69%)

HSB

hsb(10, 57%, 96%)

CMYK

cmyk(0%, 47%, 57%, 4%)

Oklch

oklch(73.1% 0.147 32.5)

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

#E8D299

Goose Yellow · Khaki · Sunflower

HEX

#E8D299

RGB

rgb(232, 210, 153)

HSL

hsl(43, 63%, 75%)

HSB

hsb(43, 34%, 91%)

CMYK

cmyk(0%, 9%, 34%, 9%)

Oklch

oklch(86.9% 0.078 89.4)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#81B69C

Jade · DarkSeaGreen · Apple Green

HEX

#81B69C

RGB

rgb(129, 182, 156)

HSL

hsl(151, 27%, 61%)

HSB

hsb(151, 29%, 71%)

CMYK

cmyk(29%, 0%, 14%, 29%)

Oklch

oklch(73.2% 0.067 162.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

88664D

4D7089

Analogous

894D52

88664D

89844D

Triadic

88664D

4D8966

664D89

Split-Comp.

88664D

4D8984

4D5289

Tetradic

88664D

52894D

4D7089

844D89

Contrast Matrix WCAG 2.1 Contrast

88664D	E5DCB3	F6826B	E8D299	81B69C
—	3.8 AA Large	2.1 Fail	3.5 AA Large	2.2 Fail
3.8 AA Large	—	1.8 Fail	1.1 Fail	1.7 Fail
2.1 Fail	1.8 Fail	—	1.7 Fail	1.1 Fail
3.5 AA Large	1.1 Fail	1.7 Fail	—	1.5 Fail
2.2 Fail	1.7 Fail	1.1 Fail	1.5 Fail	—

White BG

5.2AA

1.4Fail

2.5Fail

1.5Fail

2.3Fail

Black BG

4.1AA Large

15.2AAA

8.3AAA

14.1AAA

9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797953

E1E1BD

C4C371

DEDEA7

9898A2

Deuteranopia

7B7E55

E2E2BF

CBD372

E0E1AA

9591A4

Tritanopia

865859

E5C5C6

F07576

E7B2B4

84A7A8

Achromatopsia

6D6D6D

DADADA

A2A2A2

D2D2D2

A3A3A3

Shades & Tints Shades & Tints

#88664D

Dark

Light

#E5DCB3

Dark

Light

#F6826B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #88664d;
  --color-2: #e5dcb3;
  --color-3: #f6826b;
  --color-4: #e8d299;
  --color-5: #81b69c;
}

SCSS

$color-1: #88664d;
$color-2: #e5dcb3;
$color-3: #f6826b;
$color-4: #e8d299;
$color-5: #81b69c;

TAILWIND

colors: {
  'brand-1': '#88664d',
  'brand-2': '#e5dcb3',
  'brand-3': '#f6826b',
  'brand-4': '#e8d299',
  'brand-5': '#81b69c',
}

RGB Array

[136, 102, 77], [229, 220, 179], [246, 130, 107], [232, 210, 153], [129, 182, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #88664D, #E5DCB3, #F6826B, #E8D299, #81B69C 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: #88664d; --color-2: #e5dcb3; --color-3: #f6826b; --color-4: #e8d299; --color-5: #81b69c. 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 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