← Back to Editor

#52423C · #AD5C70 · #D3AD98 · #EDD4BE · #B9C3C4

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#52423C

Tangerine · DarkSlateGray · Amber Brown

HEX
#52423C
RGB
rgb(82, 66, 60)
HSL
hsl(16, 15%, 28%)
HSB
hsb(16, 27%, 32%)
CMYK
cmyk(0%, 20%, 27%, 68%)
Oklch
oklch(39.4% 0.024 41.6)

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

#AD5C70

Crimson · Gray · Passion Red

HEX
#AD5C70
RGB
rgb(173, 92, 112)
HSL
hsl(345, 33%, 52%)
HSB
hsb(345, 47%, 68%)
CMYK
cmyk(0%, 47%, 35%, 32%)
Oklch
oklch(57.5% 0.107 5.3)

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

#D3AD98

Apricot · Tan · Warm Sun

HEX
#D3AD98
RGB
rgb(211, 173, 152)
HSL
hsl(21, 40%, 71%)
HSB
hsb(21, 28%, 83%)
CMYK
cmyk(0%, 18%, 28%, 17%)
Oklch
oklch(77.6% 0.053 50.5)

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

#EDD4BE

Apricot · Wheat · Peach Orange

HEX
#EDD4BE
RGB
rgb(237, 212, 190)
HSL
hsl(28, 57%, 84%)
HSB
hsb(28, 20%, 93%)
CMYK
cmyk(0%, 11%, 20%, 7%)
Oklch
oklch(88.5% 0.041 63.6)

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

#B9C3C4

Sky Blue · Silver · Pearl Gray

HEX
#B9C3C4
RGB
rgb(185, 195, 196)
HSL
hsl(185, 9%, 75%)
HSB
hsb(185, 6%, 77%)
CMYK
cmyk(6%, 1%, 0%, 23%)
Oklch
oklch(81.0% 0.011 204.1)

Traditional「Sky Blue」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

52423C
3D4C52

Analogous

523D42
52423C
524D3D

Triadic

52423C
3D5242
423D52

Split-Comp.

52423C
3D524D
3D4252

Tetradic

52423C
42523D
3D4C52
4D3D52

Contrast Matrix WCAG 2.1 Contrast

52423C
AD5C70
D3AD98
EDD4BE
B9C3C4
—
2.1
Fail
4.6
AA
6.7
AA
5.3
AA
2.1
Fail
—
2.2
Fail
3.3
AA Large
2.6
Fail
4.6
AA
2.2
Fail
—
1.4
Fail
1.1
Fail
6.7
AA
3.3
AA Large
1.4
Fail
—
1.3
Fail
5.3
AA
2.6
Fail
1.1
Fail
1.3
Fail
—
White BG
9.5AAA
4.6AA
2.1Fail
1.4Fail
1.8Fail
Black BG
2.2Fail
4.5AA
10.2AAA
14.8AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4B3D
8A896B
C3C29D
E2E2C3
BDBDC4

Deuteranopia

4C4D3E
8F956A
C5C89E
E4E5C5
BDBCC4

Tritanopia

513F3F
A96767
D1A1A2
ECC8C8
BAC4C4

Achromatopsia

464646
767676
B6B6B6
D9D9D9
C0C0C0

Shades & Tints Shades & Tints

#52423C

Dark
Light

#AD5C70

Dark
Light

#D3AD98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #52423c;
  --color-2: #ad5c70;
  --color-3: #d3ad98;
  --color-4: #edd4be;
  --color-5: #b9c3c4;
}

SCSS

$color-1: #52423c;
$color-2: #ad5c70;
$color-3: #d3ad98;
$color-4: #edd4be;
$color-5: #b9c3c4;

TAILWIND

colors: {
  'brand-1': '#52423c',
  'brand-2': '#ad5c70',
  'brand-3': '#d3ad98',
  'brand-4': '#edd4be',
  'brand-5': '#b9c3c4',
}

RGB Array

[82, 66, 60], [173, 92, 112], [211, 173, 152], [237, 212, 190], [185, 195, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #52423C, #AD5C70, #D3AD98, #EDD4BE, #B9C3C4 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: #52423c; --color-2: #ad5c70; --color-3: #d3ad98; --color-4: #edd4be; --color-5: #b9c3c4. 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 cool-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