← Back to Editor

#AEB2BA · #D6CDC0 · #CAB698 · #B4917D · #8A7170

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AEB2BA

Azure · DarkGray · Pearl Gray

HEX
#AEB2BA
RGB
rgb(174, 178, 186)
HSL
hsl(220, 8%, 71%)
HSB
hsb(220, 6%, 73%)
CMYK
cmyk(6%, 4%, 0%, 27%)
Oklch
oklch(76.3% 0.012 264.5)

Traditional「Azure」· Paint「Pearl Gray」· Creative Silver Lining

#D6CDC0

Goose Yellow · LightGray · Peach Orange

HEX
#D6CDC0
RGB
rgb(214, 205, 192)
HSL
hsl(35, 21%, 80%)
HSB
hsb(35, 10%, 84%)
CMYK
cmyk(0%, 4%, 10%, 16%)
Oklch
oklch(85.2% 0.020 77.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CAB698

Ginger · Tan · Warm Sun

HEX
#CAB698
RGB
rgb(202, 182, 152)
HSL
hsl(36, 32%, 69%)
HSB
hsb(36, 25%, 79%)
CMYK
cmyk(0%, 10%, 25%, 21%)
Oklch
oklch(78.5% 0.047 77.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#B4917D

Tangerine · Tan · Warm Sun

HEX
#B4917D
RGB
rgb(180, 145, 125)
HSL
hsl(22, 27%, 60%)
HSB
hsb(22, 31%, 71%)
CMYK
cmyk(0%, 19%, 31%, 29%)
Oklch
oklch(68.4% 0.051 51.3)

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

#8A7170

Crimson · Gray · Passion Red

HEX
#8A7170
RGB
rgb(138, 113, 112)
HSL
hsl(2, 10%, 49%)
HSB
hsb(2, 19%, 54%)
CMYK
cmyk(0%, 18%, 19%, 46%)
Oklch
oklch(57.2% 0.032 20.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEB2BA
BBB7AF

Analogous

AFB9BB
AEB2BA
B1AFBB

Triadic

AEB2BA
BBAFB3
B3BBAF

Split-Comp.

AEB2BA
BBB1AF
B9BBAF

Tetradic

AEB2BA
BBAFB9
BBB7AF
AFBBB1

Contrast Matrix WCAG 2.1 Contrast

AEB2BA
D6CDC0
CAB698
B4917D
8A7170
—
1.4
Fail
1.1
Fail
1.4
Fail
2.1
Fail
1.4
Fail
—
1.3
Fail
1.8
Fail
2.9
Fail
1.1
Fail
1.3
Fail
—
1.5
Fail
2.3
Fail
1.4
Fail
1.8
Fail
1.5
Fail
—
1.6
Fail
2.1
Fail
2.9
Fail
2.3
Fail
1.6
Fail
—
White BG
2.1Fail
1.6Fail
2.0Fail
2.9Fail
4.5AA Large
Black BG
9.9AAA
13.4AAA
10.7AAA
7.3AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B0B8
D2D2C3
C1C19F
A5A582
7F7F70

Deuteranopia

B0AFB8
D3D3C4
C3C4A1
A7AA83
818370

Tritanopia

AEB7B6
D6C6C6
C9A5A6
B28687
897070

Achromatopsia

B2B2B2
CECECE
B9B9B9
999999
787878

Shades & Tints Shades & Tints

#AEB2BA

Dark
Light

#D6CDC0

Dark
Light

#CAB698

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aeb2ba;
  --color-2: #d6cdc0;
  --color-3: #cab698;
  --color-4: #b4917d;
  --color-5: #8a7170;
}

SCSS

$color-1: #aeb2ba;
$color-2: #d6cdc0;
$color-3: #cab698;
$color-4: #b4917d;
$color-5: #8a7170;

TAILWIND

colors: {
  'brand-1': '#aeb2ba',
  'brand-2': '#d6cdc0',
  'brand-3': '#cab698',
  'brand-4': '#b4917d',
  'brand-5': '#8a7170',
}

RGB Array

[174, 178, 186], [214, 205, 192], [202, 182, 152], [180, 145, 125], [138, 113, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AEB2BA, #D6CDC0, #CAB698, #B4917D, #8A7170 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #aeb2ba; --color-2: #d6cdc0; --color-3: #cab698; --color-4: #b4917d; --color-5: #8a7170. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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