#A8968C + #FD9D84 + #EBB6A6 + #CCD0B9 + #CAE6CF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A8968C

Tangerine · DarkGray · Warm Sun

HEX

#A8968C

RGB

rgb(168, 150, 140)

HSL

hsl(21, 14%, 60%)

HSB

hsb(21, 17%, 66%)

CMYK

cmyk(0%, 11%, 17%, 34%)

Oklch

oklch(68.6% 0.026 51.0)

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

#FD9D84

Peach Pink · LightSalmon · Coral Red

HEX

#FD9D84

RGB

rgb(253, 157, 132)

HSL

hsl(12, 97%, 75%)

HSB

hsb(12, 48%, 99%)

CMYK

cmyk(0%, 38%, 48%, 1%)

Oklch

oklch(78.8% 0.121 35.4)

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

#EBB6A6

Peach Pink · LightPink · Coral Red

HEX

#EBB6A6

RGB

rgb(235, 182, 166)

HSL

hsl(14, 63%, 79%)

HSB

hsb(14, 29%, 92%)

CMYK

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

Oklch

oklch(82.0% 0.066 37.5)

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

#CCD0B9

Willow Green · Silver · Apple Green

HEX

#CCD0B9

RGB

rgb(204, 208, 185)

HSL

hsl(70, 20%, 77%)

HSB

hsb(70, 11%, 82%)

CMYK

cmyk(2%, 0%, 11%, 18%)

Oklch

oklch(84.8% 0.031 115.1)

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

#CAE6CF

Celadon · LightGray · Mint Green

HEX

#CAE6CF

RGB

rgb(202, 230, 207)

HSL

hsl(131, 36%, 85%)

HSB

hsb(131, 12%, 90%)

CMYK

cmyk(12%, 0%, 10%, 10%)

Oklch

oklch(89.8% 0.043 150.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8968C

8B9DA7

Analogous

A78B8F

A8968C

A7A38B

Triadic

A8968C

8BA795

958BA7

Split-Comp.

A8968C

8BA7A3

8B8FA7

Tetradic

A8968C

8FA78B

8B9DA7

A38BA7

Contrast Matrix WCAG 2.1 Contrast

A8968C	FD9D84	EBB6A6	CCD0B9	CAE6CF
—	1.4 Fail	1.6 Fail	1.8 Fail	2.1 Fail
1.4 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.6 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.8 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
2.1 Fail	1.5 Fail	1.3 Fail	1.2 Fail	—

White BG

2.8Fail

2.0Fail

1.8Fail

1.6Fail

1.3Fail

Black BG

7.4AAA

10.3AAA

11.8AAA

13.3AAA

15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A08E

D3D38A

D4D4AA

CECEBF

D6D6D5

Deuteranopia

A1A38F

D9E08C

D7DBAB

CECDC0

D5D2D6

Tritanopia

A79091

F88F90

E8ADAE

CCC3C4

CBD9DA

Achromatopsia

9A9A9A

B7B7B7

C4C4C4

CCCCCC

DBDBDB

Shades & Tints Shades & Tints

#A8968C

Dark

Light

#FD9D84

Dark

Light

#EBB6A6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8968c;
  --color-2: #fd9d84;
  --color-3: #ebb6a6;
  --color-4: #ccd0b9;
  --color-5: #cae6cf;
}

SCSS

$color-1: #a8968c;
$color-2: #fd9d84;
$color-3: #ebb6a6;
$color-4: #ccd0b9;
$color-5: #cae6cf;

TAILWIND

colors: {
  'brand-1': '#a8968c',
  'brand-2': '#fd9d84',
  'brand-3': '#ebb6a6',
  'brand-4': '#ccd0b9',
  'brand-5': '#cae6cf',
}

RGB Array

[168, 150, 140], [253, 157, 132], [235, 182, 166], [204, 208, 185], [202, 230, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A8968C, #FD9D84, #EBB6A6, #CCD0B9, #CAE6CF 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: #a8968c; --color-2: #fd9d84; --color-3: #ebb6a6; --color-4: #ccd0b9; --color-5: #cae6cf. 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