#FFEFD5 + #F3CEC6 + #CAA4A2 + #ACD4BB + #E6ECCC · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFEFD5

Goose Yellow · Beige · Peach Orange

HEX

#FFEFD5

RGB

rgb(255, 239, 213)

HSL

hsl(37, 100%, 92%)

HSB

hsb(37, 16%, 100%)

CMYK

cmyk(0%, 6%, 16%, 0%)

Oklch

oklch(95.8% 0.038 80.0)

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

#F3CEC6

Peach Pink · Pink · Cherry Blossom

HEX

#F3CEC6

RGB

rgb(243, 206, 198)

HSL

hsl(11, 65%, 86%)

HSB

hsb(11, 19%, 95%)

CMYK

cmyk(0%, 15%, 19%, 5%)

Oklch

oklch(88.1% 0.043 32.2)

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

#CAA4A2

Peach Pink · Tan · Coral Red

HEX

#CAA4A2

RGB

rgb(202, 164, 162)

HSL

hsl(3, 27%, 71%)

HSB

hsb(3, 20%, 79%)

CMYK

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

Oklch

oklch(75.2% 0.045 21.7)

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

#ACD4BB

Celadon · Silver · Apple Green

HEX

#ACD4BB

RGB

rgb(172, 212, 187)

HSL

hsl(142, 32%, 75%)

HSB

hsb(142, 19%, 83%)

CMYK

cmyk(19%, 0%, 12%, 17%)

Oklch

oklch(83.4% 0.055 157.6)

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

#E6ECCC

Willow Green · Beige · Mint Green

HEX

#E6ECCC

RGB

rgb(230, 236, 204)

HSL

hsl(71, 46%, 86%)

HSB

hsb(71, 14%, 93%)

CMYK

cmyk(3%, 0%, 14%, 7%)

Oklch

oklch(93.0% 0.043 115.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEFD5

D6E6FF

Analogous

FFDBD6

FFEFD5

FAFFD6

Triadic

FFEFD5

D6FFEF

EFD6FF

Split-Comp.

FFEFD5

D6FAFF

DBD6FF

Tetradic

FFEFD5

D6FFDB

D6E6FF

FFD6FA

Contrast Matrix WCAG 2.1 Contrast

FFEFD5	F3CEC6	CAA4A2	ACD4BB	E6ECCC
—	1.3 Fail	2.0 Fail	1.4 Fail	1.1 Fail
1.3 Fail	—	1.5 Fail	1.1 Fail	1.2 Fail
2.0 Fail	1.5 Fail	—	1.4 Fail	1.8 Fail
1.4 Fail	1.1 Fail	1.4 Fail	—	1.3 Fail
1.1 Fail	1.2 Fail	1.8 Fail	1.3 Fail	—

White BG

1.1Fail

1.5Fail

2.2Fail

1.6Fail

1.2Fail

Black BG

18.6AAA

14.5AAA

9.3AAA

12.9AAA

17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8DB

E3E3C8

BAB9A2

BDBEC1

E9E9D4

Deuteranopia

F9FADD

E5E8C8

BCBFA3

BBB8C3

E8E8D6

Tritanopia

FEE0E1

F1C9CA

C8A3A3

AEC6C7

E6DADB

Achromatopsia

F1F1F1

D8D8D8

AFAFAF

C5C5C5

E7E7E7

Shades & Tints Shades & Tints

#FFEFD5

Dark

Light

#F3CEC6

Dark

Light

#CAA4A2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffefd5;
  --color-2: #f3cec6;
  --color-3: #caa4a2;
  --color-4: #acd4bb;
  --color-5: #e6eccc;
}

SCSS

$color-1: #ffefd5;
$color-2: #f3cec6;
$color-3: #caa4a2;
$color-4: #acd4bb;
$color-5: #e6eccc;

TAILWIND

colors: {
  'brand-1': '#ffefd5',
  'brand-2': '#f3cec6',
  'brand-3': '#caa4a2',
  'brand-4': '#acd4bb',
  'brand-5': '#e6eccc',
}

RGB Array

[255, 239, 213], [243, 206, 198], [202, 164, 162], [172, 212, 187], [230, 236, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #FFEFD5, #F3CEC6, #CAA4A2, #ACD4BB, #E6ECCC 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: #ffefd5; --color-2: #f3cec6; --color-3: #caa4a2; --color-4: #acd4bb; --color-5: #e6eccc. 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