← Back to Editor

#CBC0A9 · #FAE9C2 · #F3B999 · #E2685F · #3C334B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#CBC0A9

Goose Yellow · Silver · Sunflower

HEX
#CBC0A9
RGB
rgb(203, 192, 169)
HSL
hsl(41, 25%, 73%)
HSB
hsb(41, 17%, 80%)
CMYK
cmyk(0%, 5%, 17%, 20%)
Oklch
oklch(81.1% 0.034 85.5)

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

#FAE9C2

Goose Yellow · Bisque · Lemon Cream

HEX
#FAE9C2
RGB
rgb(250, 233, 194)
HSL
hsl(42, 85%, 87%)
HSB
hsb(42, 22%, 98%)
CMYK
cmyk(0%, 7%, 22%, 2%)
Oklch
oklch(93.8% 0.054 87.2)

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

#F3B999

Apricot · BurlyWood · Peach Orange

HEX
#F3B999
RGB
rgb(243, 185, 153)
HSL
hsl(21, 79%, 78%)
HSB
hsb(21, 37%, 95%)
CMYK
cmyk(0%, 24%, 37%, 5%)
Oklch
oklch(83.1% 0.080 50.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E2685F

Peach Pink · Tomato · Coral Red

HEX
#E2685F
RGB
rgb(226, 104, 95)
HSL
hsl(4, 69%, 63%)
HSB
hsb(4, 58%, 89%)
CMYK
cmyk(0%, 54%, 58%, 11%)
Oklch
oklch(66.3% 0.154 26.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#3C334B

Deep Indigo · DarkSlateGray · Eggplant

HEX
#3C334B
RGB
rgb(60, 51, 75)
HSL
hsl(263, 19%, 25%)
HSB
hsb(263, 32%, 29%)
CMYK
cmyk(20%, 32%, 0%, 71%)
Oklch
oklch(34.1% 0.043 301.4)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBC0A9
A9B4CB

Analogous

CBAFA9
CBC0A9
C5CBA9

Triadic

CBC0A9
A9CBC0
C0A9CB

Split-Comp.

CBC0A9
A9C5CB
AFA9CB

Tetradic

CBC0A9
A9CBAF
A9B4CB
CBA9C5

Contrast Matrix WCAG 2.1 Contrast

CBC0A9
FAE9C2
F3B999
E2685F
3C334B
—
1.5
Fail
1.0
Fail
1.8
Fail
6.6
AA
1.5
Fail
—
1.4
Fail
2.7
Fail
9.9
AAA
1.0
Fail
1.4
Fail
—
1.9
Fail
6.9
AA
1.8
Fail
2.7
Fail
1.9
Fail
—
3.6
AA Large
6.6
AA
9.9
AAA
6.9
AA
3.6
AA Large
—
White BG
1.8Fail
1.2Fail
1.7Fail
3.3AA Large
11.9AAA
Black BG
11.7AAA
17.5AAA
12.2AAA
6.4AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6AF
F3F2CB
DAD9A1
ADAC61
383845

Deuteranopia

C7C8B0
F4F5CE
DDE2A3
B4BD62
393944

Tritanopia

CAB3B4
F9D3D5
F0A7A8
DC6363
3C4140

Achromatopsia

C1C1C1
EAEAEA
C7C7C7
8B8B8B
383838

Shades & Tints Shades & Tints

#CBC0A9

Dark
Light

#FAE9C2

Dark
Light

#F3B999

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbc0a9;
  --color-2: #fae9c2;
  --color-3: #f3b999;
  --color-4: #e2685f;
  --color-5: #3c334b;
}

SCSS

$color-1: #cbc0a9;
$color-2: #fae9c2;
$color-3: #f3b999;
$color-4: #e2685f;
$color-5: #3c334b;

TAILWIND

colors: {
  'brand-1': '#cbc0a9',
  'brand-2': '#fae9c2',
  'brand-3': '#f3b999',
  'brand-4': '#e2685f',
  'brand-5': '#3c334b',
}

RGB Array

[203, 192, 169], [250, 233, 194], [243, 185, 153], [226, 104, 95], [60, 51, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBC0A9, #FAE9C2, #F3B999, #E2685F, #3C334B is ideal for: health products, baby brands, fresh-style blogs, 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: #cbc0a9; --color-2: #fae9c2; --color-3: #f3b999; --color-4: #e2685f; --color-5: #3c334b. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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