← Back to Editor

#A08667 · #C3A56B · #C2B590 · #34CCC5 · #92DCD7

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 Library

Color Details Color Details

#A08667

Ginger · Gray · Warm Sun

HEX
#A08667
RGB
rgb(160, 134, 103)
HSL
hsl(33, 23%, 52%)
HSB
hsb(33, 36%, 63%)
CMYK
cmyk(0%, 16%, 36%, 37%)
Oklch
oklch(63.6% 0.054 71.5)

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

#C3A56B

Ginger · Tan · Sunflower

HEX
#C3A56B
RGB
rgb(195, 165, 107)
HSL
hsl(40, 42%, 59%)
HSB
hsb(40, 45%, 76%)
CMYK
cmyk(0%, 15%, 45%, 24%)
Oklch
oklch(73.5% 0.084 83.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C2B590

Ginger · Tan · Sunflower

HEX
#C2B590
RGB
rgb(194, 181, 144)
HSL
hsl(44, 29%, 66%)
HSB
hsb(44, 26%, 76%)
CMYK
cmyk(0%, 7%, 26%, 24%)
Oklch
oklch(77.5% 0.052 91.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#34CCC5

Mineral Blue · MediumTurquoise · Mint Ice

HEX
#34CCC5
RGB
rgb(52, 204, 197)
HSL
hsl(177, 60%, 50%)
HSB
hsb(177, 75%, 80%)
CMYK
cmyk(75%, 0%, 3%, 20%)
Oklch
oklch(76.8% 0.122 190.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#92DCD7

Jade · SkyBlue · Lake Green

HEX
#92DCD7
RGB
rgb(146, 220, 215)
HSL
hsl(176, 51%, 72%)
HSB
hsb(176, 34%, 86%)
CMYK
cmyk(34%, 0%, 2%, 14%)
Oklch
oklch(84.5% 0.074 190.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A08667
6882A1

Analogous

A16B68
A08667
9EA168

Triadic

A08667
68A187
8768A1

Split-Comp.

A08667
689EA1
6B68A1

Tetradic

A08667
68A16B
6882A1
A1689E

Contrast Matrix WCAG 2.1 Contrast

A08667
C3A56B
C2B590
34CCC5
92DCD7
—
1.5
Fail
1.7
Fail
1.7
Fail
2.2
Fail
1.5
Fail
—
1.2
Fail
1.2
Fail
1.5
Fail
1.7
Fail
1.2
Fail
—
1.0
Fail
1.3
Fail
1.7
Fail
1.2
Fail
1.0
Fail
—
1.3
Fail
2.2
Fail
1.5
Fail
1.3
Fail
1.3
Fail
—
White BG
3.4AA Large
2.4Fail
2.0Fail
2.0Fail
1.6Fail
Black BG
6.1AA
8.9AAA
10.3AAA
10.6AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

95956F
B6B679
BCBC99
7677C7
B2B3D8

Deuteranopia

969870
B8BA7C
BDBE9B
6D62C7
AEA8D9

Tritanopia

9F7476
C28487
C1A0A2
3CC8C8
96D9D9

Achromatopsia

8A8A8A
A7A7A7
B5B5B5
9E9E9E
C5C5C5

Shades & Tints Shades & Tints

#A08667

Dark
Light

#C3A56B

Dark
Light

#C2B590

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a08667;
  --color-2: #c3a56b;
  --color-3: #c2b590;
  --color-4: #34ccc5;
  --color-5: #92dcd7;
}

SCSS

$color-1: #a08667;
$color-2: #c3a56b;
$color-3: #c2b590;
$color-4: #34ccc5;
$color-5: #92dcd7;

TAILWIND

colors: {
  'brand-1': '#a08667',
  'brand-2': '#c3a56b',
  'brand-3': '#c2b590',
  'brand-4': '#34ccc5',
  'brand-5': '#92dcd7',
}

RGB Array

[160, 134, 103], [195, 165, 107], [194, 181, 144], [52, 204, 197], [146, 220, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A08667, #C3A56B, #C2B590, #34CCC5, #92DCD7 is ideal for: corporate websites, product showcases, portfolios. 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: #a08667; --color-2: #c3a56b; --color-3: #c2b590; --color-4: #34ccc5; --color-5: #92dcd7. 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. 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