← Back to Editor

#CAEBD7 · #BEADBA · #B084A2 · #A6638B · #85224A

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 LibraryData Visualization

Color Details Color Details

#CAEBD7

Celadon · LightGray · Mint Green

HEX
#CAEBD7
RGB
rgb(202, 235, 215)
HSL
hsl(144, 45%, 86%)
HSB
hsb(144, 14%, 92%)
CMYK
cmyk(14%, 0%, 9%, 8%)
Oklch
oklch(91.1% 0.044 158.8)

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

#BEADBA

Mauve · Silver · Lilac Purple

HEX
#BEADBA
RGB
rgb(190, 173, 186)
HSL
hsl(314, 12%, 71%)
HSB
hsb(314, 9%, 75%)
CMYK
cmyk(0%, 9%, 2%, 25%)
Oklch
oklch(76.6% 0.026 333.9)

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

#B084A2

Rose Purple · DarkGray · Violet

HEX
#B084A2
RGB
rgb(176, 132, 162)
HSL
hsl(319, 22%, 60%)
HSB
hsb(319, 25%, 69%)
CMYK
cmyk(0%, 25%, 8%, 31%)
Oklch
oklch(66.5% 0.068 338.5)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#A6638B

Rose Purple · Gray · Rose Pink

HEX
#A6638B
RGB
rgb(166, 99, 139)
HSL
hsl(324, 27%, 52%)
HSB
hsb(324, 40%, 65%)
CMYK
cmyk(0%, 40%, 16%, 35%)
Oklch
oklch(58.7% 0.101 344.0)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#85224A

Dark Violet · Brown · Camellia

HEX
#85224A
RGB
rgb(133, 34, 74)
HSL
hsl(336, 59%, 33%)
HSB
hsb(336, 74%, 52%)
CMYK
cmyk(0%, 74%, 44%, 48%)
Oklch
oklch(42.3% 0.137 0.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAEBD7
EBCBDF

Analogous

CEEBCB
CAEBD7
CBEBE8

Triadic

CAEBD7
D8CBEB
EBD8CB

Split-Comp.

CAEBD7
E8CBEB
EBCBCE

Tetradic

CAEBD7
CBCEEB
EBCBDF
EBE8CB

Contrast Matrix WCAG 2.1 Contrast

CAEBD7
BEADBA
B084A2
A6638B
85224A
—
1.7
Fail
2.5
Fail
3.4
AA Large
7.0
AAA
1.7
Fail
—
1.5
Fail
2.1
Fail
4.2
AA Large
2.5
Fail
1.5
Fail
—
1.4
Fail
2.9
Fail
3.4
AA Large
2.1
Fail
1.4
Fail
—
2.1
Fail
7.0
AAA
4.2
AA Large
2.9
Fail
2.1
Fail
—
White BG
1.3Fail
2.1Fail
3.1AA Large
4.4AA Large
9.0AAA
Black BG
16.4AAA
9.9AAA
6.7AA
4.8AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D9DC
B7B6B7
9D9D9B
898881
5A5940

Deuteranopia

D6D4DD
B8B9B6
A0A399
8D927F
60673E

Tritanopia

CCE0E1
BDB4B4
AE9594
A37A78
803937

Achromatopsia

DFDFDF
B4B4B4
959595
7C7C7C
444444

Shades & Tints Shades & Tints

#CAEBD7

Dark
Light

#BEADBA

Dark
Light

#B084A2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #caebd7;
  --color-2: #beadba;
  --color-3: #b084a2;
  --color-4: #a6638b;
  --color-5: #85224a;
}

SCSS

$color-1: #caebd7;
$color-2: #beadba;
$color-3: #b084a2;
$color-4: #a6638b;
$color-5: #85224a;

TAILWIND

colors: {
  'brand-1': '#caebd7',
  'brand-2': '#beadba',
  'brand-3': '#b084a2',
  'brand-4': '#a6638b',
  'brand-5': '#85224a',
}

RGB Array

[202, 235, 215], [190, 173, 186], [176, 132, 162], [166, 99, 139], [133, 34, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAEBD7, #BEADBA, #B084A2, #A6638B, #85224A is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #caebd7; --color-2: #beadba; --color-3: #b084a2; --color-4: #a6638b; --color-5: #85224a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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