← Back to Editor

#CE643A · #D0813E · #C0AB5A · #E8D299 · #FFF3CD

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#CE643A

Tangerine · Chocolate · Warm Sun

HEX
#CE643A
RGB
rgb(206, 100, 58)
HSL
hsl(17, 60%, 52%)
HSB
hsb(17, 72%, 81%)
CMYK
cmyk(0%, 51%, 72%, 19%)
Oklch
oklch(62.3% 0.146 41.3)

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

#D0813E

Tangerine · Chocolate · Warm Sun

HEX
#D0813E
RGB
rgb(208, 129, 62)
HSL
hsl(28, 61%, 53%)
HSB
hsb(28, 70%, 82%)
CMYK
cmyk(0%, 38%, 70%, 18%)
Oklch
oklch(67.5% 0.127 58.2)

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

#C0AB5A

Ginger · SandyBrown · Sunflower

HEX
#C0AB5A
RGB
rgb(192, 171, 90)
HSL
hsl(48, 45%, 55%)
HSB
hsb(48, 53%, 75%)
CMYK
cmyk(0%, 11%, 53%, 25%)
Oklch
oklch(74.2% 0.104 95.1)

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

#E8D299

Goose Yellow · Khaki · Sunflower

HEX
#E8D299
RGB
rgb(232, 210, 153)
HSL
hsl(43, 63%, 75%)
HSB
hsb(43, 34%, 91%)
CMYK
cmyk(0%, 9%, 34%, 9%)
Oklch
oklch(86.9% 0.078 89.4)

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

#FFF3CD

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF3CD
RGB
rgb(255, 243, 205)
HSL
hsl(46, 100%, 90%)
HSB
hsb(46, 20%, 100%)
CMYK
cmyk(0%, 5%, 20%, 0%)
Oklch
oklch(96.4% 0.051 92.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CE643A
3BA4CE

Analogous

CE3B5B
CE643A
CEAE3B

Triadic

CE643A
3BCE65
653BCE

Split-Comp.

CE643A
3BCEAE
3B5BCE

Tetradic

CE643A
5BCE3B
3BA4CE
AE3BCE

Contrast Matrix WCAG 2.1 Contrast

CE643A
D0813E
C0AB5A
E8D299
FFF3CD
—
1.3
Fail
1.7
Fail
2.6
Fail
3.4
AA Large
1.3
Fail
—
1.3
Fail
2.0
Fail
2.8
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
2.1
Fail
2.6
Fail
2.0
Fail
1.5
Fail
—
1.3
Fail
3.4
AA Large
2.8
Fail
2.1
Fail
1.3
Fail
—
White BG
3.8AA Large
3.0AA Large
2.3Fail
1.5Fail
1.1Fail
Black BG
5.5AA
6.9AA
9.2AAA
14.1AAA
19.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09F44
AEAD4E
B7B76E
DEDEA7
FAFAD6

Deuteranopia

A6AE47
B2B852
B8BA72
E0E1AA
FBFBD8

Tritanopia

C94C4E
CC5B5E
BF7D80
E7B2B4
FEDDDF

Achromatopsia

7F7F7F
919191
A8A8A8
D2D2D2
F2F2F2

Shades & Tints Shades & Tints

#CE643A

Dark
Light

#D0813E

Dark
Light

#C0AB5A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ce643a;
  --color-2: #d0813e;
  --color-3: #c0ab5a;
  --color-4: #e8d299;
  --color-5: #fff3cd;
}

SCSS

$color-1: #ce643a;
$color-2: #d0813e;
$color-3: #c0ab5a;
$color-4: #e8d299;
$color-5: #fff3cd;

TAILWIND

colors: {
  'brand-1': '#ce643a',
  'brand-2': '#d0813e',
  'brand-3': '#c0ab5a',
  'brand-4': '#e8d299',
  'brand-5': '#fff3cd',
}

RGB Array

[206, 100, 58], [208, 129, 62], [192, 171, 90], [232, 210, 153], [255, 243, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CE643A, #D0813E, #C0AB5A, #E8D299, #FFF3CD is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ce643a; --color-2: #d0813e; --color-3: #c0ab5a; --color-4: #e8d299; --color-5: #fff3cd. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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