#F2EFBC + #EFD993 + #D4B994 + #C69590 + #AA738C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F2EFBC

Fresh Green · Bisque · Lemon Cream

HEX

#F2EFBC

RGB

rgb(242, 239, 188)

HSL

hsl(57, 67%, 84%)

HSB

hsb(57, 22%, 95%)

CMYK

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

Oklch

oklch(94.2% 0.066 104.8)

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

#EFD993

Goose Yellow · Khaki · Lemon Cream

HEX

#EFD993

RGB

rgb(239, 217, 147)

HSL

hsl(46, 74%, 76%)

HSB

hsb(46, 38%, 94%)

CMYK

cmyk(0%, 9%, 38%, 6%)

Oklch

oklch(88.8% 0.092 92.7)

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

#D4B994

Goose Yellow · Tan · Warm Sun

HEX

#D4B994

RGB

rgb(212, 185, 148)

HSL

hsl(35, 43%, 71%)

HSB

hsb(35, 30%, 83%)

CMYK

cmyk(0%, 13%, 30%, 17%)

Oklch

oklch(80.0% 0.059 75.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C69590

Peach Pink · Tan · Coral Red

HEX

#C69590

RGB

rgb(198, 149, 144)

HSL

hsl(6, 32%, 67%)

HSB

hsb(6, 27%, 78%)

CMYK

cmyk(0%, 25%, 27%, 22%)

Oklch

oklch(71.5% 0.060 25.3)

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

#AA738C

Dark Violet · Gray · Rose Pink

HEX

#AA738C

RGB

rgb(170, 115, 140)

HSL

hsl(333, 24%, 56%)

HSB

hsb(333, 32%, 67%)

CMYK

cmyk(0%, 32%, 18%, 33%)

Oklch

oklch(62.0% 0.077 350.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2EFBC

BBBEF2

Analogous

F2D3BB

F2EFBC

D9F2BB

Triadic

F2EFBC

BBF2EF

EFBBF2

Split-Comp.

F2EFBC

BBD9F2

D3BBF2

Tetradic

F2EFBC

BBF2D3

BBBEF2

F2BBD9

Contrast Matrix WCAG 2.1 Contrast

F2EFBC	EFD993	D4B994	C69590	AA738C
—	1.2 Fail	1.6 Fail	2.2 Fail	3.2 AA Large
1.2 Fail	—	1.3 Fail	1.9 Fail	2.7 Fail
1.6 Fail	1.3 Fail	—	1.4 Fail	2.0 Fail
2.2 Fail	1.9 Fail	1.4 Fail	—	1.5 Fail
3.2 AA Large	2.7 Fail	2.0 Fail	1.5 Fail	—

White BG

1.2Fail

1.4Fail

1.9Fail

2.6Fail

3.8AA Large

Black BG

17.8AAA

15.0AAA

11.2AAA

8.1AAA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1C8

E5E5A4

C8C89D

B1B091

929286

Deuteranopia

F1F1CB

E7E8A8

CACC9F

B4B792

959A85

Tritanopia

F2D2D4

EEB1B4

D3A4A6

C49292

A78180

Achromatopsia

EAEAEA

D8D8D8

BDBDBD

A3A3A3

868686

Shades & Tints Shades & Tints

#F2EFBC

Dark

Light

#EFD993

Dark

Light

#D4B994

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2efbc;
  --color-2: #efd993;
  --color-3: #d4b994;
  --color-4: #c69590;
  --color-5: #aa738c;
}

SCSS

$color-1: #f2efbc;
$color-2: #efd993;
$color-3: #d4b994;
$color-4: #c69590;
$color-5: #aa738c;

TAILWIND

colors: {
  'brand-1': '#f2efbc',
  'brand-2': '#efd993',
  'brand-3': '#d4b994',
  'brand-4': '#c69590',
  'brand-5': '#aa738c',
}

RGB Array

[242, 239, 188], [239, 217, 147], [212, 185, 148], [198, 149, 144], [170, 115, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2EFBC, #EFD993, #D4B994, #C69590, #AA738C 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: #f2efbc; --color-2: #efd993; --color-3: #d4b994; --color-4: #c69590; --color-5: #aa738c. 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