#A58D72 + #E69BA2 + #A8C8CF + #CDC2BA + #83EFED - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A58D72

Ginger · Gray · Warm Sun

HEX

#A58D72

RGB

rgb(165, 141, 114)

HSL

hsl(32, 22%, 55%)

HSB

hsb(32, 31%, 65%)

CMYK

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

Oklch

oklch(65.8% 0.048 70.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E69BA2

Peach Pink · Tan · Coral Red

HEX

#E69BA2

RGB

rgb(230, 155, 162)

HSL

hsl(354, 60%, 75%)

HSB

hsb(354, 33%, 90%)

CMYK

cmyk(0%, 33%, 30%, 10%)

Oklch

oklch(76.5% 0.090 13.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#A8C8CF

Sky Blue · LightSteelBlue · Lake Green

HEX

#A8C8CF

RGB

rgb(168, 200, 207)

HSL

hsl(191, 29%, 74%)

HSB

hsb(191, 19%, 81%)

CMYK

cmyk(19%, 3%, 0%, 19%)

Oklch

oklch(81.2% 0.036 212.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#CDC2BA

Apricot · Silver · Peach Orange

HEX

#CDC2BA

RGB

rgb(205, 194, 186)

HSL

hsl(25, 16%, 77%)

HSB

hsb(25, 9%, 80%)

CMYK

cmyk(0%, 5%, 9%, 20%)

Oklch

oklch(82.1% 0.017 58.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#83EFED

Jade · SkyBlue · Lake Green

HEX

#83EFED

RGB

rgb(131, 239, 237)

HSL

hsl(179, 77%, 73%)

HSB

hsb(179, 45%, 94%)

CMYK

cmyk(45%, 0%, 1%, 6%)

Oklch

oklch(88.7% 0.100 193.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A58D72

738BA5

Analogous

A57573

A58D72

A4A573

Triadic

A58D72

73A58E

8E73A5

Split-Comp.

A58D72

73A4A5

7573A5

Tetradic

A58D72

73A575

738BA5

A573A4

Contrast Matrix WCAG 2.1 Contrast

A58D72	E69BA2	A8C8CF	CDC2BA	83EFED
—	1.4 Fail	1.8 Fail	1.8 Fail	2.3 Fail
1.4 Fail	—	1.2 Fail	1.3 Fail	1.6 Fail
1.8 Fail	1.2 Fail	—	1.0 Fail	1.3 Fail
1.8 Fail	1.3 Fail	1.0 Fail	—	1.3 Fail
2.3 Fail	1.6 Fail	1.3 Fail	1.3 Fail	—

White BG

3.2AA Large

2.2Fail

1.8Fail

1.7Fail

1.4Fail

Black BG

6.7AA

9.6AAA

11.8AAA

12.0AAA

15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9A79

C6C5A0

B6B6CD

C8C8BC

B2B3ED

Deuteranopia

9C9E7A

CAD0A0

B4B2CD

C9CABC

ACA3EE

Tritanopia

A47E7F

E29F9F

AACCCC

CCBDBE

88EEEE

Achromatopsia

919191

B2B2B2

BFBFBF

C4C4C4

CECECE

Shades & Tints Shades & Tints

#A58D72

Dark

Light

#E69BA2

Dark

Light

#A8C8CF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a58d72;
  --color-2: #e69ba2;
  --color-3: #a8c8cf;
  --color-4: #cdc2ba;
  --color-5: #83efed;
}

SCSS

$color-1: #a58d72;
$color-2: #e69ba2;
$color-3: #a8c8cf;
$color-4: #cdc2ba;
$color-5: #83efed;

TAILWIND

colors: {
  'brand-1': '#a58d72',
  'brand-2': '#e69ba2',
  'brand-3': '#a8c8cf',
  'brand-4': '#cdc2ba',
  'brand-5': '#83efed',
}

RGB Array

[165, 141, 114], [230, 155, 162], [168, 200, 207], [205, 194, 186], [131, 239, 237]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A58D72, #E69BA2, #A8C8CF, #CDC2BA, #83EFED 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: #a58d72; --color-2: #e69ba2; --color-3: #a8c8cf; --color-4: #cdc2ba; --color-5: #83efed. 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