← Back to Editor

#55372F · #AA6E4A · #C6A385 · #D8D7B9 · #FFF2CB

cool

A 5-color cool 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

#55372F

Crimson · DarkOliveGreen · Wine Red

HEX
#55372F
RGB
rgb(85, 55, 47)
HSL
hsl(13, 29%, 26%)
HSB
hsb(13, 45%, 33%)
CMYK
cmyk(0%, 35%, 45%, 67%)
Oklch
oklch(37.0% 0.045 35.6)

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

#AA6E4A

Tangerine · Sienna · Amber Brown

HEX
#AA6E4A
RGB
rgb(170, 110, 74)
HSL
hsl(23, 39%, 48%)
HSB
hsb(23, 56%, 67%)
CMYK
cmyk(0%, 35%, 56%, 33%)
Oklch
oklch(59.4% 0.092 51.2)

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

#C6A385

Apricot · Tan · Warm Sun

HEX
#C6A385
RGB
rgb(198, 163, 133)
HSL
hsl(28, 36%, 65%)
HSB
hsb(28, 33%, 78%)
CMYK
cmyk(0%, 18%, 33%, 22%)
Oklch
oklch(73.9% 0.059 62.3)

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

#D8D7B9

Fresh Green · LightGray · Lemon Cream

HEX
#D8D7B9
RGB
rgb(216, 215, 185)
HSL
hsl(58, 28%, 79%)
HSB
hsb(58, 14%, 85%)
CMYK
cmyk(0%, 0%, 14%, 15%)
Oklch
oklch(87.2% 0.040 105.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFF2CB

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF2CB
RGB
rgb(255, 242, 203)
HSL
hsl(45, 100%, 90%)
HSB
hsb(45, 20%, 100%)
CMYK
cmyk(0%, 5%, 20%, 0%)
Oklch
oklch(96.2% 0.052 91.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

55372F
2F4D56

Analogous

562F3A
55372F
564B2F

Triadic

55372F
2F5637
372F56

Split-Comp.

55372F
2F564B
2F3A56

Tetradic

55372F
3A562F
2F4D56
4B2F56

Contrast Matrix WCAG 2.1 Contrast

55372F
AA6E4A
C6A385
D8D7B9
FFF2CB
—
2.6
Fail
4.5
AA
7.3
AAA
9.5
AAA
2.6
Fail
—
1.8
Fail
2.8
Fail
3.7
AA Large
4.5
AA
1.8
Fail
—
1.6
Fail
2.1
Fail
7.3
AAA
2.8
Fail
1.6
Fail
—
1.3
Fail
9.5
AAA
3.7
AA Large
2.1
Fail
1.3
Fail
—
White BG
10.6AAA
4.2AA Large
2.3Fail
1.5Fail
1.1Fail
Black BG
2.0Fail
5.0AA
9.0AAA
14.3AAA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484831
908F53
B7B78C
D8D8C0
F9F9D4

Deuteranopia

4A4C31
949855
B9BC8E
D8D8C2
FAFBD7

Tritanopia

543233
A75A5B
C49293
D8C6C7
FEDCDE

Achromatopsia

3F3F3F
7C7C7C
AAAAAA
D4D4D4
F1F1F1

Shades & Tints Shades & Tints

#55372F

Dark
Light

#AA6E4A

Dark
Light

#C6A385

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #55372f;
  --color-2: #aa6e4a;
  --color-3: #c6a385;
  --color-4: #d8d7b9;
  --color-5: #fff2cb;
}

SCSS

$color-1: #55372f;
$color-2: #aa6e4a;
$color-3: #c6a385;
$color-4: #d8d7b9;
$color-5: #fff2cb;

TAILWIND

colors: {
  'brand-1': '#55372f',
  'brand-2': '#aa6e4a',
  'brand-3': '#c6a385',
  'brand-4': '#d8d7b9',
  'brand-5': '#fff2cb',
}

RGB Array

[85, 55, 47], [170, 110, 74], [198, 163, 133], [216, 215, 185], [255, 242, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #55372F, #AA6E4A, #C6A385, #D8D7B9, #FFF2CB 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: #55372f; --color-2: #aa6e4a; --color-3: #c6a385; --color-4: #d8d7b9; --color-5: #fff2cb. 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