#FEB297 + #FCD2BE + #EDEDCA + #A0CECE + #A79CA7 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FEB297

Apricot · LightSalmon · Peach Orange

HEX

#FEB297

RGB

rgb(254, 178, 151)

HSL

hsl(16, 98%, 79%)

HSB

hsb(16, 41%, 100%)

CMYK

cmyk(0%, 30%, 41%, 0%)

Oklch

oklch(82.9% 0.097 40.4)

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

#FCD2BE

Apricot · Wheat · Peach Orange

HEX

#FCD2BE

RGB

rgb(252, 210, 190)

HSL

hsl(19, 91%, 87%)

HSB

hsb(19, 25%, 99%)

CMYK

cmyk(0%, 17%, 25%, 1%)

Oklch

oklch(89.5% 0.055 46.9)

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

#EDEDCA

Fresh Green · Bisque · Lemon Cream

HEX

#EDEDCA

RGB

rgb(237, 237, 202)

HSL

hsl(60, 49%, 86%)

HSB

hsb(60, 15%, 93%)

CMYK

cmyk(0%, 0%, 15%, 7%)

Oklch

oklch(93.7% 0.046 107.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#A0CECE

Sky Blue · LightSteelBlue · Lake Green

HEX

#A0CECE

RGB

rgb(160, 206, 206)

HSL

hsl(180, 32%, 72%)

HSB

hsb(180, 22%, 81%)

CMYK

cmyk(22%, 0%, 0%, 19%)

Oklch

oklch(81.9% 0.048 196.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#A79CA7

Ash · DarkGray · Silver Sand

HEX

#A79CA7

RGB

rgb(167, 156, 167)

HSL

hsl(300, 6%, 63%)

HSB

hsb(300, 7%, 65%)

CMYK

cmyk(0%, 7%, 0%, 35%)

Oklch

oklch(70.6% 0.020 325.8)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEB297

95E2FE

Analogous

FE95AD

FEB297

FEE595

Triadic

FEB297

95FEB1

B195FE

Split-Comp.

FEB297

95FEE5

95ADFE

Tetradic

FEB297

ADFE95

95E2FE

E595FE

Contrast Matrix WCAG 2.1 Contrast

FEB297	FCD2BE	EDEDCA	A0CECE	A79CA7
—	1.3 Fail	1.5 Fail	1.0 Fail	1.5 Fail
1.3 Fail	—	1.2 Fail	1.2 Fail	1.9 Fail
1.5 Fail	1.2 Fail	—	1.4 Fail	2.2 Fail
1.0 Fail	1.2 Fail	1.4 Fail	—	1.5 Fail
1.5 Fail	1.9 Fail	2.2 Fail	1.5 Fail	—

White BG

1.7Fail

1.4Fail

1.2Fail

1.7Fail

2.6Fail

Black BG

12.0AAA

15.1AAA

17.6AAA

12.2AAA

8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDC9E

EAE9C3

EDEDD2

B4B4CE

A2A2A4

Deuteranopia

E2E79F

ECEFC4

EDEDD4

B1AECE

A3A4A4

Tritanopia

FAA3A4

FAC7C8

EDD9DB

A2CECE

A6A2A2

Achromatopsia

C6C6C6

DCDCDC

E9E9E9

C0C0C0

A1A1A1

Shades & Tints Shades & Tints

#FEB297

Dark

Light

#FCD2BE

Dark

Light

#EDEDCA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feb297;
  --color-2: #fcd2be;
  --color-3: #ededca;
  --color-4: #a0cece;
  --color-5: #a79ca7;
}

SCSS

$color-1: #feb297;
$color-2: #fcd2be;
$color-3: #ededca;
$color-4: #a0cece;
$color-5: #a79ca7;

TAILWIND

colors: {
  'brand-1': '#feb297',
  'brand-2': '#fcd2be',
  'brand-3': '#ededca',
  'brand-4': '#a0cece',
  'brand-5': '#a79ca7',
}

RGB Array

[254, 178, 151], [252, 210, 190], [237, 237, 202], [160, 206, 206], [167, 156, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #FEB297, #FCD2BE, #EDEDCA, #A0CECE, #A79CA7 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: #feb297; --color-2: #fcd2be; --color-3: #ededca; --color-4: #a0cece; --color-5: #a79ca7. 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 space-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