#946668 + #E9A788 + #EAC99E + #E3E4D4 + #CCD9C4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#946668

Crimson · Gray · Passion Red

HEX

#946668

RGB

rgb(148, 102, 104)

HSL

hsl(357, 18%, 49%)

HSB

hsb(357, 31%, 58%)

CMYK

cmyk(0%, 31%, 30%, 42%)

Oklch

oklch(55.9% 0.060 16.3)

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

#E9A788

Apricot · BurlyWood · Warm Sun

HEX

#E9A788

RGB

rgb(233, 167, 136)

HSL

hsl(19, 69%, 72%)

HSB

hsb(19, 42%, 91%)

CMYK

cmyk(0%, 28%, 42%, 9%)

Oklch

oklch(78.4% 0.089 46.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EAC99E

Goose Yellow · BurlyWood · Peach Orange

HEX

#EAC99E

RGB

rgb(234, 201, 158)

HSL

hsl(34, 64%, 77%)

HSB

hsb(34, 32%, 92%)

CMYK

cmyk(0%, 14%, 32%, 8%)

Oklch

oklch(85.4% 0.068 74.0)

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

#E3E4D4

Fresh Green · LightGray · Lemon Cream

HEX

#E3E4D4

RGB

rgb(227, 228, 212)

HSL

hsl(64, 23%, 86%)

HSB

hsb(64, 7%, 89%)

CMYK

cmyk(0%, 0%, 7%, 11%)

Oklch

oklch(91.4% 0.021 109.7)

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

#CCD9C4

Celadon · LightGray · Mint Green

HEX

#CCD9C4

RGB

rgb(204, 217, 196)

HSL

hsl(97, 22%, 81%)

HSB

hsb(97, 10%, 85%)

CMYK

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

Oklch

oklch(87.0% 0.032 133.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

946668

669391

Analogous

93667F

946668

937B66

Triadic

946668

699366

666993

Split-Comp.

946668

66937B

667F93

Tetradic

946668

7F9366

669391

7B6693

Contrast Matrix WCAG 2.1 Contrast

946668	E9A788	EAC99E	E3E4D4	CCD9C4
—	2.4 Fail	3.1 AA Large	3.7 AA Large	3.3 AA Large
2.4 Fail	—	1.3 Fail	1.6 Fail	1.4 Fail
3.1 AA Large	1.3 Fail	—	1.2 Fail	1.1 Fail
3.7 AA Large	1.6 Fail	1.2 Fail	—	1.1 Fail
3.3 AA Large	1.4 Fail	1.1 Fail	1.1 Fail	—

White BG

4.8AA

2.0Fail

1.6Fail

1.3Fail

1.5Fail

Black BG

4.4AA Large

10.3AAA

13.3AAA

16.3AAA

14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

808068

CCCC90

DCDBA8

E3E3D8

D2D2C9

Deuteranopia

838667

D0D591

DEE0AB

E3E3D9

D1D0CA

Tritanopia

926767

E69597

E8B1B2

E3DBDC

CDCDCE

Achromatopsia

747474

B7B7B7

CECECE

E2E2E2

D3D3D3

Shades & Tints Shades & Tints

#946668

Dark

Light

#E9A788

Dark

Light

#EAC99E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #946668;
  --color-2: #e9a788;
  --color-3: #eac99e;
  --color-4: #e3e4d4;
  --color-5: #ccd9c4;
}

SCSS

$color-1: #946668;
$color-2: #e9a788;
$color-3: #eac99e;
$color-4: #e3e4d4;
$color-5: #ccd9c4;

TAILWIND

colors: {
  'brand-1': '#946668',
  'brand-2': '#e9a788',
  'brand-3': '#eac99e',
  'brand-4': '#e3e4d4',
  'brand-5': '#ccd9c4',
}

RGB Array

[148, 102, 104], [233, 167, 136], [234, 201, 158], [227, 228, 212], [204, 217, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #946668, #E9A788, #EAC99E, #E3E4D4, #CCD9C4 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: #946668; --color-2: #e9a788; --color-3: #eac99e; --color-4: #e3e4d4; --color-5: #ccd9c4. 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