#F3E5BE + #EDDEB4 + #A5C2AF + #D35365 + #EE778D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F3E5BE

Goose Yellow · Wheat · Lemon Cream

HEX

#F3E5BE

RGB

rgb(243, 229, 190)

HSL

hsl(44, 69%, 85%)

HSB

hsb(44, 22%, 95%)

CMYK

cmyk(0%, 6%, 22%, 5%)

Oklch

oklch(92.3% 0.053 90.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EDDEB4

Goose Yellow · Wheat · Lemon Cream

HEX

#EDDEB4

RGB

rgb(237, 222, 180)

HSL

hsl(44, 61%, 82%)

HSB

hsb(44, 24%, 93%)

CMYK

cmyk(0%, 6%, 24%, 7%)

Oklch

oklch(90.2% 0.057 90.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#A5C2AF

Celadon · DarkGray · Apple Green

HEX

#A5C2AF

RGB

rgb(165, 194, 175)

HSL

hsl(141, 19%, 70%)

HSB

hsb(141, 15%, 76%)

CMYK

cmyk(15%, 0%, 10%, 24%)

Oklch

oklch(78.7% 0.041 156.6)

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

#D35365

Crimson · Tomato · Passion Red

HEX

#D35365

RGB

rgb(211, 83, 101)

HSL

hsl(352, 59%, 58%)

HSB

hsb(352, 61%, 83%)

CMYK

cmyk(0%, 61%, 52%, 17%)

Oklch

oklch(61.4% 0.162 14.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#EE778D

Peach Pink · LightCoral · Coral Red

HEX

#EE778D

RGB

rgb(238, 119, 141)

HSL

hsl(349, 78%, 70%)

HSB

hsb(349, 50%, 93%)

CMYK

cmyk(0%, 50%, 41%, 7%)

Oklch

oklch(71.2% 0.147 9.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3E5BE

BECCF3

Analogous

F3CBBE

F3E5BE

E7F3BE

Triadic

F3E5BE

BEF3E5

E5BEF3

Split-Comp.

F3E5BE

BEE7F3

CBBEF3

Tetradic

F3E5BE

BEF3CB

BECCF3

F3BEE7

Contrast Matrix WCAG 2.1 Contrast

F3E5BE	EDDEB4	A5C2AF	D35365	EE778D
—	1.1 Fail	1.5 Fail	3.2 AA Large	2.2 Fail
1.1 Fail	—	1.4 Fail	3.0 AA Large	2.1 Fail
1.5 Fail	1.4 Fail	—	2.1 Fail	1.4 Fail
3.2 AA Large	3.0 AA Large	2.1 Fail	—	1.5 Fail
2.2 Fail	2.1 Fail	1.4 Fail	1.5 Fail	—

White BG

1.3Fail

1.9Fail

4.0AA Large

2.7Fail

Black BG

16.8AAA

15.7AAA

10.9AAA

5.2AA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDC7

E7E6BE

B2B2B4

9C9A61

BAB988

Deuteranopia

EEEFCA

E7E8C1

B0AEB5

A3AD60

C1CA86

Tritanopia

F2CFD1

ECC6C8

A6B7B8

CD5D5C

E88383

Achromatopsia

E5E5E5

DEDEDE

B7B7B7

7B7B7B

9D9D9D

Shades & Tints Shades & Tints

#F3E5BE

Dark

Light

#EDDEB4

Dark

Light

#A5C2AF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3e5be;
  --color-2: #eddeb4;
  --color-3: #a5c2af;
  --color-4: #d35365;
  --color-5: #ee778d;
}

SCSS

$color-1: #f3e5be;
$color-2: #eddeb4;
$color-3: #a5c2af;
$color-4: #d35365;
$color-5: #ee778d;

TAILWIND

colors: {
  'brand-1': '#f3e5be',
  'brand-2': '#eddeb4',
  'brand-3': '#a5c2af',
  'brand-4': '#d35365',
  'brand-5': '#ee778d',
}

RGB Array

[243, 229, 190], [237, 222, 180], [165, 194, 175], [211, 83, 101], [238, 119, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3E5BE, #EDDEB4, #A5C2AF, #D35365, #EE778D 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: #f3e5be; --color-2: #eddeb4; --color-3: #a5c2af; --color-4: #d35365; --color-5: #ee778d. 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