← Back to Editor

#CA9A6A · #EAD48B · #CB7F21 · #EAA98B · #ACCAA8

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 Library

Color Details Color Details

#CA9A6A

Ginger · DarkSalmon · Warm Sun

HEX
#CA9A6A
RGB
rgb(202, 154, 106)
HSL
hsl(30, 48%, 60%)
HSB
hsb(30, 48%, 79%)
CMYK
cmyk(0%, 24%, 48%, 21%)
Oklch
oklch(72.0% 0.086 65.8)

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

#EAD48B

Goose Yellow · Khaki · Sunflower

HEX
#EAD48B
RGB
rgb(234, 212, 139)
HSL
hsl(46, 69%, 73%)
HSB
hsb(46, 41%, 92%)
CMYK
cmyk(0%, 9%, 41%, 8%)
Oklch
oklch(87.2% 0.095 93.3)

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

#CB7F21

Ochre · Chocolate · Amber Brown

HEX
#CB7F21
RGB
rgb(203, 127, 33)
HSL
hsl(33, 72%, 46%)
HSB
hsb(33, 84%, 80%)
CMYK
cmyk(0%, 37%, 84%, 20%)
Oklch
oklch(66.2% 0.137 65.5)

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

#EAA98B

Apricot · BurlyWood · Warm Sun

HEX
#EAA98B
RGB
rgb(234, 169, 139)
HSL
hsl(19, 69%, 73%)
HSB
hsb(19, 41%, 92%)
CMYK
cmyk(0%, 28%, 41%, 8%)
Oklch
oklch(78.9% 0.087 45.8)

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

#ACCAA8

Celadon · Silver · Apple Green

HEX
#ACCAA8
RGB
rgb(172, 202, 168)
HSL
hsl(113, 24%, 73%)
HSB
hsb(113, 17%, 79%)
CMYK
cmyk(15%, 0%, 17%, 21%)
Oklch
oklch(80.8% 0.057 141.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CA9A6A
6899CA

Analogous

CA6868
CA9A6A
CACA68

Triadic

CA9A6A
68CA99
9968CA

Split-Comp.

CA9A6A
68CACA
6868CA

Tetradic

CA9A6A
68CA68
6899CA
CA68CA

Contrast Matrix WCAG 2.1 Contrast

CA9A6A
EAD48B
CB7F21
EAA98B
ACCAA8
—
1.7
Fail
1.3
Fail
1.3
Fail
1.4
Fail
1.7
Fail
—
2.2
Fail
1.4
Fail
1.2
Fail
1.3
Fail
2.2
Fail
—
1.6
Fail
1.8
Fail
1.3
Fail
1.4
Fail
1.6
Fail
—
1.1
Fail
1.4
Fail
1.2
Fail
1.8
Fail
1.1
Fail
—
White BG
2.5Fail
1.5Fail
3.2AA Large
2.0Fail
1.8Fail
Black BG
8.3AAA
14.3AAA
6.6AA
10.5AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B576
E0E09D
AAA938
CECD92
B9B9B0

Deuteranopia

B8BC78
E2E3A1
AFB43D
D2D694
B7B5B2

Tritanopia

C87F81
E9ABAE
C74A4E
E79899
AEB7B8

Achromatopsia

A3A3A3
D2D2D2
8B8B8B
B9B9B9
BDBDBD

Shades & Tints Shades & Tints

#CA9A6A

Dark
Light

#EAD48B

Dark
Light

#CB7F21

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ca9a6a;
  --color-2: #ead48b;
  --color-3: #cb7f21;
  --color-4: #eaa98b;
  --color-5: #accaa8;
}

SCSS

$color-1: #ca9a6a;
$color-2: #ead48b;
$color-3: #cb7f21;
$color-4: #eaa98b;
$color-5: #accaa8;

TAILWIND

colors: {
  'brand-1': '#ca9a6a',
  'brand-2': '#ead48b',
  'brand-3': '#cb7f21',
  'brand-4': '#eaa98b',
  'brand-5': '#accaa8',
}

RGB Array

[202, 154, 106], [234, 212, 139], [203, 127, 33], [234, 169, 139], [172, 202, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CA9A6A, #EAD48B, #CB7F21, #EAA98B, #ACCAA8 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: #ca9a6a; --color-2: #ead48b; --color-3: #cb7f21; --color-4: #eaa98b; --color-5: #accaa8. 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