#F0EFC5 + #D4E8C5 + #D6CBC5 + #DB9AA8 + #E65A6A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F0EFC5

Fresh Green · Bisque · Lemon Cream

HEX

#F0EFC5

RGB

rgb(240, 239, 197)

HSL

hsl(59, 59%, 86%)

HSB

hsb(59, 18%, 94%)

CMYK

cmyk(0%, 0%, 18%, 6%)

Oklch

oklch(94.2% 0.055 106.3)

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

#D4E8C5

Celadon · LightGray · Mint Green

HEX

#D4E8C5

RGB

rgb(212, 232, 197)

HSL

hsl(94, 43%, 84%)

HSB

hsb(94, 15%, 91%)

CMYK

cmyk(9%, 0%, 15%, 9%)

Oklch

oklch(90.7% 0.051 131.8)

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

#D6CBC5

Apricot · LightGray · Peach Orange

HEX

#D6CBC5

RGB

rgb(214, 203, 197)

HSL

hsl(21, 17%, 81%)

HSB

hsb(21, 8%, 84%)

CMYK

cmyk(0%, 5%, 8%, 16%)

Oklch

oklch(84.9% 0.015 50.8)

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

#DB9AA8

Peach Pink · Tan · Coral Red

HEX

#DB9AA8

RGB

rgb(219, 154, 168)

HSL

hsl(347, 47%, 73%)

HSB

hsb(347, 30%, 86%)

CMYK

cmyk(0%, 30%, 23%, 14%)

Oklch

oklch(75.3% 0.080 5.0)

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

#E65A6A

Peach Pink · Salmon · Coral Red

HEX

#E65A6A

RGB

rgb(230, 90, 106)

HSL

hsl(353, 74%, 63%)

HSB

hsb(353, 61%, 90%)

CMYK

cmyk(0%, 61%, 54%, 10%)

Oklch

oklch(65.3% 0.174 16.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0EFC5

C6C7F0

Analogous

F0DBC6

F0EFC5

DCF0C6

Triadic

F0EFC5

C6F0F0

F0C6F0

Split-Comp.

F0EFC5

C6DCF0

DBC6F0

Tetradic

F0EFC5

C6F0DB

C6C7F0

F0C6DC

Contrast Matrix WCAG 2.1 Contrast

F0EFC5	D4E8C5	D6CBC5	DB9AA8	E65A6A
—	1.1 Fail	1.4 Fail	1.9 Fail	3.0 Fail
1.1 Fail	—	1.2 Fail	1.8 Fail	2.7 Fail
1.4 Fail	1.2 Fail	—	1.4 Fail	2.2 Fail
1.9 Fail	1.8 Fail	1.4 Fail	—	1.5 Fail
3.0 Fail	2.7 Fail	2.2 Fail	1.5 Fail	—

White BG

1.2Fail

1.3Fail

1.6Fail

2.3Fail

3.5AA Large

Black BG

17.9AAA

16.1AAA

13.2AAA

9.2AAA

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0CF

DDDDCD

D1D1C6

BFBEA5

A9A866

Deuteranopia

F0F0D2

DCDACF

D2D3C7

C3C7A4

B2BC65

Tritanopia

F0D7D9

D5D4D6

D5C8C8

D8A2A1

DF6362

Achromatopsia

EBEBEB

DEDEDE

CECECE

AFAFAF

868686

Shades & Tints Shades & Tints

#F0EFC5

Dark

Light

#D4E8C5

Dark

Light

#D6CBC5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0efc5;
  --color-2: #d4e8c5;
  --color-3: #d6cbc5;
  --color-4: #db9aa8;
  --color-5: #e65a6a;
}

SCSS

$color-1: #f0efc5;
$color-2: #d4e8c5;
$color-3: #d6cbc5;
$color-4: #db9aa8;
$color-5: #e65a6a;

TAILWIND

colors: {
  'brand-1': '#f0efc5',
  'brand-2': '#d4e8c5',
  'brand-3': '#d6cbc5',
  'brand-4': '#db9aa8',
  'brand-5': '#e65a6a',
}

RGB Array

[240, 239, 197], [212, 232, 197], [214, 203, 197], [219, 154, 168], [230, 90, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0EFC5, #D4E8C5, #D6CBC5, #DB9AA8, #E65A6A 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: #f0efc5; --color-2: #d4e8c5; --color-3: #d6cbc5; --color-4: #db9aa8; --color-5: #e65a6a. 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