← Back to Editor

#A49383 · #2C2836 · #F3EEE8 · #85D0BC · #2E2F29

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

#A49383

Tangerine · Gray · Warm Sun

HEX
#A49383
RGB
rgb(164, 147, 131)
HSL
hsl(29, 15%, 58%)
HSB
hsb(29, 20%, 64%)
CMYK
cmyk(0%, 10%, 20%, 36%)
Oklch
oklch(67.4% 0.031 65.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#2C2836

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2C2836
RGB
rgb(44, 40, 54)
HSL
hsl(257, 15%, 18%)
HSB
hsb(257, 26%, 21%)
CMYK
cmyk(19%, 26%, 0%, 79%)
Oklch
oklch(28.7% 0.026 297.8)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#F3EEE8

Goose Yellow · Linen · Peach Orange

HEX
#F3EEE8
RGB
rgb(243, 238, 232)
HSL
hsl(33, 31%, 93%)
HSB
hsb(33, 5%, 95%)
CMYK
cmyk(0%, 2%, 5%, 5%)
Oklch
oklch(95.1% 0.010 72.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#85D0BC

Jade · MediumAquaMarine · Lake Green

HEX
#85D0BC
RGB
rgb(133, 208, 188)
HSL
hsl(164, 44%, 67%)
HSB
hsb(164, 36%, 82%)
CMYK
cmyk(36%, 0%, 10%, 18%)
Oklch
oklch(80.3% 0.080 175.4)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#2E2F29

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2E2F29
RGB
rgb(46, 47, 41)
HSL
hsl(70, 7%, 17%)
HSB
hsb(70, 13%, 18%)
CMYK
cmyk(2%, 0%, 13%, 82%)
Oklch
oklch(30.2% 0.011 114.7)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A49383
8494A4

Analogous

A48484
A49383
A4A384

Triadic

A49383
84A493
9384A4

Split-Comp.

A49383
84A4A3
8484A4

Tetradic

A49383
84A484
8494A4
A384A4

Contrast Matrix WCAG 2.1 Contrast

A49383
2C2836
F3EEE8
85D0BC
2E2F29
—
4.8
AA
2.6
Fail
1.7
Fail
4.6
AA
4.8
AA
—
12.4
AAA
8.0
AAA
1.1
Fail
2.6
Fail
12.4
AAA
—
1.5
Fail
11.7
AAA
1.7
Fail
8.0
AAA
1.5
Fail
—
7.6
AAA
4.6
AA
1.1
Fail
11.7
AAA
7.6
AAA
—
White BG
3.0Fail
14.3AAA
1.2Fail
1.8Fail
13.5AAA
Black BG
7.1AAA
1.5Fail
18.2AAA
11.7AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9C87
2A2A33
F1F1E9
A5A6C1
2E2E2A

Deuteranopia

9E9F88
2B2B32
F1F2EA
A19CC2
2E2E2B

Tritanopia

A38A8B
2C302F
F3EBEB
89C5C6
2E2C2C

Achromatopsia

969696
2B2B2B
EFEFEF
B7B7B7
2E2E2E

Shades & Tints Shades & Tints

#A49383

Dark
Light

#2C2836

Dark
Light

#F3EEE8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a49383;
  --color-2: #2c2836;
  --color-3: #f3eee8;
  --color-4: #85d0bc;
  --color-5: #2e2f29;
}

SCSS

$color-1: #a49383;
$color-2: #2c2836;
$color-3: #f3eee8;
$color-4: #85d0bc;
$color-5: #2e2f29;

TAILWIND

colors: {
  'brand-1': '#a49383',
  'brand-2': '#2c2836',
  'brand-3': '#f3eee8',
  'brand-4': '#85d0bc',
  'brand-5': '#2e2f29',
}

RGB Array

[164, 147, 131], [44, 40, 54], [243, 238, 232], [133, 208, 188], [46, 47, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A49383, #2C2836, #F3EEE8, #85D0BC, #2E2F29 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #a49383; --color-2: #2c2836; --color-3: #f3eee8; --color-4: #85d0bc; --color-5: #2e2f29. 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. 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