← Back to Editor

#C2A5C2 · #BBA5A3 · #B5A685 · #AEA766 · #A8A848

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C2A5C2

Mauve · Silver · Lilac Purple

HEX
#C2A5C2
RGB
rgb(194, 165, 194)
HSL
hsl(300, 19%, 70%)
HSB
hsb(300, 15%, 76%)
CMYK
cmyk(0%, 15%, 0%, 24%)
Oklch
oklch(75.7% 0.052 326.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#BBA5A3

Peach Pink · DarkGray · Coral Red

HEX
#BBA5A3
RGB
rgb(187, 165, 163)
HSL
hsl(5, 15%, 69%)
HSB
hsb(5, 13%, 73%)
CMYK
cmyk(0%, 12%, 13%, 27%)
Oklch
oklch(74.0% 0.026 24.0)

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

#B5A685

Ginger · Tan · Sunflower

HEX
#B5A685
RGB
rgb(181, 166, 133)
HSL
hsl(41, 24%, 62%)
HSB
hsb(41, 27%, 71%)
CMYK
cmyk(0%, 8%, 27%, 29%)
Oklch
oklch(72.9% 0.049 86.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#AEA766

Autumn Sage · Tan · Sunflower

HEX
#AEA766
RGB
rgb(174, 167, 102)
HSL
hsl(54, 31%, 54%)
HSB
hsb(54, 41%, 68%)
CMYK
cmyk(0%, 4%, 41%, 32%)
Oklch
oklch(71.9% 0.086 103.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A8A848

Autumn Sage · GoldenRod · Honey Gold

HEX
#A8A848
RGB
rgb(168, 168, 72)
HSL
hsl(60, 40%, 47%)
HSB
hsb(60, 57%, 66%)
CMYK
cmyk(0%, 0%, 57%, 34%)
Oklch
oklch(71.2% 0.119 109.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2A5C2
A4C1A4

Analogous

B3A4C1
C2A5C2
C1A4B3

Triadic

C2A5C2
C1C1A4
A4C1C1

Split-Comp.

C2A5C2
B3C1A4
A4C1B3

Tetradic

C2A5C2
C1B3A4
A4C1A4
A4B3C1

Contrast Matrix WCAG 2.1 Contrast

C2A5C2
BBA5A3
B5A685
AEA766
A8A848
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
2.2Fail
2.3Fail
2.4Fail
2.5Fail
2.5Fail
Black BG
9.5AAA
9.0AAA
8.8AAA
8.5AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B5BB
B1B1A3
AFAE8D
ABAB76
A8A85F

Deuteranopia

B7B9B9
B3B4A4
AFB18F
ABAC7A
A8A865

Tritanopia

C1B5B4
BAA4A4
B49395
AE8285
A87276

Achromatopsia

B1B1B1
ABABAB
A7A7A7
A2A2A2
9D9D9D

Shades & Tints Shades & Tints

#C2A5C2

Dark
Light

#BBA5A3

Dark
Light

#B5A685

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2a5c2;
  --color-2: #bba5a3;
  --color-3: #b5a685;
  --color-4: #aea766;
  --color-5: #a8a848;
}

SCSS

$color-1: #c2a5c2;
$color-2: #bba5a3;
$color-3: #b5a685;
$color-4: #aea766;
$color-5: #a8a848;

TAILWIND

colors: {
  'brand-1': '#c2a5c2',
  'brand-2': '#bba5a3',
  'brand-3': '#b5a685',
  'brand-4': '#aea766',
  'brand-5': '#a8a848',
}

RGB Array

[194, 165, 194], [187, 165, 163], [181, 166, 133], [174, 167, 102], [168, 168, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2A5C2, #BBA5A3, #B5A685, #AEA766, #A8A848 is ideal for: brand design, premium product pages, magazine layouts. 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: #c2a5c2; --color-2: #bba5a3; --color-3: #b5a685; --color-4: #aea766; --color-5: #a8a848. 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. 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