← Back to Editor

#372E27 · #AA3442 · #55A37C · #EE9C53 · #F9FFCA

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

#372E27

Tangerine · DarkSlateGray · Cinnamon

HEX
#372E27
RGB
rgb(55, 46, 39)
HSL
hsl(26, 17%, 18%)
HSB
hsb(26, 29%, 22%)
CMYK
cmyk(0%, 16%, 29%, 78%)
Oklch
oklch(30.9% 0.018 59.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#AA3442

Crimson · Brown · Passion Red

HEX
#AA3442
RGB
rgb(170, 52, 66)
HSL
hsl(353, 53%, 44%)
HSB
hsb(353, 69%, 67%)
CMYK
cmyk(0%, 69%, 61%, 33%)
Oklch
oklch(50.4% 0.153 17.9)

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

#55A37C

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#55A37C
RGB
rgb(85, 163, 124)
HSL
hsl(150, 31%, 49%)
HSB
hsb(150, 48%, 64%)
CMYK
cmyk(48%, 0%, 24%, 36%)
Oklch
oklch(65.4% 0.098 160.2)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#EE9C53

Apricot · SandyBrown · Warm Sun

HEX
#EE9C53
RGB
rgb(238, 156, 83)
HSL
hsl(28, 82%, 63%)
HSB
hsb(28, 65%, 93%)
CMYK
cmyk(0%, 34%, 65%, 7%)
Oklch
oklch(76.1% 0.132 60.3)

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

#F9FFCA

Fresh Green · Beige · Lemon Cream

HEX
#F9FFCA
RGB
rgb(249, 255, 202)
HSL
hsl(67, 100%, 90%)
HSB
hsb(67, 21%, 100%)
CMYK
cmyk(2%, 0%, 21%, 0%)
Oklch
oklch(98.2% 0.068 112.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

372E27
262F36

Analogous

362627
372E27
363526

Triadic

372E27
26362D
2D2636

Split-Comp.

372E27
263635
262736

Tetradic

372E27
273626
262F36
352636

Contrast Matrix WCAG 2.1 Contrast

372E27
AA3442
55A37C
EE9C53
F9FFCA
—
2.1
Fail
4.4
AA Large
6.0
AA
12.8
AAA
2.1
Fail
—
2.1
Fail
2.9
Fail
6.2
AA
4.4
AA Large
2.1
Fail
—
1.4
Fail
2.9
Fail
6.0
AA
2.9
Fail
1.4
Fail
—
2.1
Fail
12.8
AAA
6.2
AA
2.9
Fail
2.1
Fail
—
White BG
13.3AAA
6.4AA
3.0AA Large
2.2Fail
1.0Fail
Black BG
1.6Fail
3.3AA Large
6.9AA
9.5AAA
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

333329
77763F
777785
CACA65
FCFCD7

Deuteranopia

343429
7E873E
726C88
CFD569
FBFBDA

Tritanopia

372A2A
A43C3B
598D8F
EA7376
F9E1E3

Achromatopsia

303030
595959
878787
ACACAC
F7F7F7

Shades & Tints Shades & Tints

#372E27

Dark
Light

#AA3442

Dark
Light

#55A37C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #372e27;
  --color-2: #aa3442;
  --color-3: #55a37c;
  --color-4: #ee9c53;
  --color-5: #f9ffca;
}

SCSS

$color-1: #372e27;
$color-2: #aa3442;
$color-3: #55a37c;
$color-4: #ee9c53;
$color-5: #f9ffca;

TAILWIND

colors: {
  'brand-1': '#372e27',
  'brand-2': '#aa3442',
  'brand-3': '#55a37c',
  'brand-4': '#ee9c53',
  'brand-5': '#f9ffca',
}

RGB Array

[55, 46, 39], [170, 52, 66], [85, 163, 124], [238, 156, 83], [249, 255, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #372E27, #AA3442, #55A37C, #EE9C53, #F9FFCA 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: #372e27; --color-2: #aa3442; --color-3: #55a37c; --color-4: #ee9c53; --color-5: #f9ffca. 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