#CBA080 + #E7C298 + #FAA092 + #D18A8B + #C27072 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CBA080

Apricot · Tan · Warm Sun

HEX

#CBA080

RGB

rgb(203, 160, 128)

HSL

hsl(26, 42%, 65%)

HSB

hsb(26, 37%, 80%)

CMYK

cmyk(0%, 21%, 37%, 20%)

Oklch

oklch(73.7% 0.068 58.1)

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

#E7C298

Goose Yellow · BurlyWood · Warm Sun

HEX

#E7C298

RGB

rgb(231, 194, 152)

HSL

hsl(32, 62%, 75%)

HSB

hsb(32, 34%, 91%)

CMYK

cmyk(0%, 16%, 34%, 9%)

Oklch

oklch(83.6% 0.070 70.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FAA092

Peach Pink · LightSalmon · Coral Red

HEX

#FAA092

RGB

rgb(250, 160, 146)

HSL

hsl(8, 91%, 78%)

HSB

hsb(8, 42%, 98%)

CMYK

cmyk(0%, 36%, 42%, 2%)

Oklch

oklch(79.3% 0.110 29.3)

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

#D18A8B

Peach Pink · DarkSalmon · Coral Red

HEX

#D18A8B

RGB

rgb(209, 138, 139)

HSL

hsl(359, 44%, 68%)

HSB

hsb(359, 34%, 82%)

CMYK

cmyk(0%, 34%, 33%, 18%)

Oklch

oklch(70.6% 0.087 18.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C27072

Crimson · LightCoral · Passion Red

HEX

#C27072

RGB

rgb(194, 112, 114)

HSL

hsl(359, 40%, 60%)

HSB

hsb(359, 42%, 76%)

CMYK

cmyk(0%, 42%, 41%, 24%)

Oklch

oklch(63.6% 0.104 18.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBA080

80ABCB

Analogous

CB8085

CBA080

CBC680

Triadic

CBA080

80CBA1

A180CB

Split-Comp.

CBA080

80CBC6

8085CB

Tetradic

CBA080

85CB80

80ABCB

C680CB

Contrast Matrix WCAG 2.1 Contrast

CBA080	E7C298	FAA092	D18A8B	C27072
—	1.4 Fail	1.2 Fail	1.2 Fail	1.5 Fail
1.4 Fail	—	1.2 Fail	1.6 Fail	2.1 Fail
1.2 Fail	1.2 Fail	—	1.4 Fail	1.8 Fail
1.2 Fail	1.6 Fail	1.4 Fail	—	1.3 Fail
1.5 Fail	2.1 Fail	1.8 Fail	1.3 Fail	—

White BG

2.4Fail

1.7Fail

2.0Fail

2.7Fail

3.6AA Large

Black BG

8.9AAA

12.6AAA

10.5AAA

7.7AAA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B888

D7D7A2

D3D295

B2B28B

9E9E72

Deuteranopia

BBBE8A

D9DCA5

D8DF96

B6BC8B

A3A971

Tritanopia

C98E8F

E5AAAC

F69899

CD8B8B

BE7171

Achromatopsia

A9A9A9

C8C8C8

B9B9B9

9F9F9F

898989

Shades & Tints Shades & Tints

#CBA080

Dark

Light

#E7C298

Dark

Light

#FAA092

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cba080;
  --color-2: #e7c298;
  --color-3: #faa092;
  --color-4: #d18a8b;
  --color-5: #c27072;
}

SCSS

$color-1: #cba080;
$color-2: #e7c298;
$color-3: #faa092;
$color-4: #d18a8b;
$color-5: #c27072;

TAILWIND

colors: {
  'brand-1': '#cba080',
  'brand-2': '#e7c298',
  'brand-3': '#faa092',
  'brand-4': '#d18a8b',
  'brand-5': '#c27072',
}

RGB Array

[203, 160, 128], [231, 194, 152], [250, 160, 146], [209, 138, 139], [194, 112, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBA080, #E7C298, #FAA092, #D18A8B, #C27072 is ideal for: health products, baby brands, fresh-style blogs. 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: #cba080; --color-2: #e7c298; --color-3: #faa092; --color-4: #d18a8b; --color-5: #c27072. 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. 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