#CDA5A3 + #F2964B + #EBB672 + #E9CBC9 + #F1DCC1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CDA5A3

Peach Pink · Tan · Coral Red

HEX

#CDA5A3

RGB

rgb(205, 165, 163)

HSL

hsl(3, 30%, 72%)

HSB

hsb(3, 20%, 80%)

CMYK

cmyk(0%, 20%, 20%, 20%)

Oklch

oklch(75.8% 0.047 21.6)

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

#F2964B

Apricot · SandyBrown · Warm Sun

HEX

#F2964B

RGB

rgb(242, 150, 75)

HSL

hsl(27, 87%, 62%)

HSB

hsb(27, 69%, 95%)

CMYK

cmyk(0%, 38%, 69%, 5%)

Oklch

oklch(75.5% 0.142 57.3)

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

#EBB672

Ginger · BurlyWood · Warm Sun

HEX

#EBB672

RGB

rgb(235, 182, 114)

HSL

hsl(34, 75%, 68%)

HSB

hsb(34, 51%, 92%)

CMYK

cmyk(0%, 23%, 51%, 8%)

Oklch

oklch(81.0% 0.105 72.3)

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

#E9CBC9

Peach Pink · Pink · Cherry Blossom

HEX

#E9CBC9

RGB

rgb(233, 203, 201)

HSL

hsl(4, 42%, 85%)

HSB

hsb(4, 14%, 91%)

CMYK

cmyk(0%, 13%, 14%, 9%)

Oklch

oklch(86.7% 0.034 22.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F1DCC1

Goose Yellow · Wheat · Peach Orange

HEX

#F1DCC1

RGB

rgb(241, 220, 193)

HSL

hsl(34, 63%, 85%)

HSB

hsb(34, 20%, 95%)

CMYK

cmyk(0%, 9%, 20%, 5%)

Oklch

oklch(90.5% 0.043 74.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDA5A3

A2CBCD

Analogous

CDA2B5

CDA5A3

CDBAA2

Triadic

CDA5A3

A2CDA4

A4A2CD

Split-Comp.

CDA5A3

A2CDBA

A2B5CD

Tetradic

CDA5A3

B5CDA2

A2CBCD

BAA2CD

Contrast Matrix WCAG 2.1 Contrast

CDA5A3	F2964B	EBB672	E9CBC9	F1DCC1
—	1.0 Fail	1.2 Fail	1.5 Fail	1.7 Fail
1.0 Fail	—	1.2 Fail	1.5 Fail	1.7 Fail
1.2 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.5 Fail	1.5 Fail	1.2 Fail	—	1.1 Fail
1.7 Fail	1.7 Fail	1.4 Fail	1.1 Fail	—

White BG

2.2Fail

2.3Fail

1.8Fail

1.5Fail

1.3Fail

Black BG

9.5AAA

9.2AAA

11.5AAA

13.9AAA

15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBBA3

CAC95D

D4D482

DCDCC9

E8E8C8

Deuteranopia

BEC1A4

D0D662

D7DB86

DEE0CA

E9EBC9

Tritanopia

CBA4A4

ED6B6F

E88F92

E8CACA

F0CDCE

Achromatopsia

B1B1B1

A9A9A9

BEBEBE

D4D4D4

DFDFDF

Shades & Tints Shades & Tints

#CDA5A3

Dark

Light

#F2964B

Dark

Light

#EBB672

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cda5a3;
  --color-2: #f2964b;
  --color-3: #ebb672;
  --color-4: #e9cbc9;
  --color-5: #f1dcc1;
}

SCSS

$color-1: #cda5a3;
$color-2: #f2964b;
$color-3: #ebb672;
$color-4: #e9cbc9;
$color-5: #f1dcc1;

TAILWIND

colors: {
  'brand-1': '#cda5a3',
  'brand-2': '#f2964b',
  'brand-3': '#ebb672',
  'brand-4': '#e9cbc9',
  'brand-5': '#f1dcc1',
}

RGB Array

[205, 165, 163], [242, 150, 75], [235, 182, 114], [233, 203, 201], [241, 220, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDA5A3, #F2964B, #EBB672, #E9CBC9, #F1DCC1 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: #cda5a3; --color-2: #f2964b; --color-3: #ebb672; --color-4: #e9cbc9; --color-5: #f1dcc1. 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