#918586 + #EFB58B + #FFCDB6 + #E6D0B3 + #E2E6D3 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#918586

Ash · Gray · Warm Gray

HEX

#918586

RGB

rgb(145, 133, 134)

HSL

hsl(355, 5%, 55%)

HSB

hsb(355, 8%, 57%)

CMYK

cmyk(0%, 8%, 8%, 43%)

Oklch

oklch(62.8% 0.015 11.8)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#EFB58B

Apricot · BurlyWood · Warm Sun

HEX

#EFB58B

RGB

rgb(239, 181, 139)

HSL

hsl(25, 76%, 74%)

HSB

hsb(25, 42%, 94%)

CMYK

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

Oklch

oklch(81.7% 0.088 57.1)

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

#FFCDB6

Apricot · Wheat · Peach Orange

HEX

#FFCDB6

RGB

rgb(255, 205, 182)

HSL

hsl(19, 100%, 86%)

HSB

hsb(19, 29%, 100%)

CMYK

cmyk(0%, 20%, 29%, 0%)

Oklch

oklch(88.6% 0.065 46.0)

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

#E6D0B3

Goose Yellow · Wheat · Peach Orange

HEX

#E6D0B3

RGB

rgb(230, 208, 179)

HSL

hsl(34, 50%, 80%)

HSB

hsb(34, 22%, 90%)

CMYK

cmyk(0%, 10%, 22%, 10%)

Oklch

oklch(86.8% 0.046 74.7)

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

#E2E6D3

Willow Green · LightGray · Mint Green

HEX

#E2E6D3

RGB

rgb(226, 230, 211)

HSL

hsl(73, 28%, 86%)

HSB

hsb(73, 8%, 90%)

CMYK

cmyk(2%, 0%, 8%, 10%)

Oklch

oklch(91.7% 0.026 116.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

918586

879291

Analogous

92878D

918586

928B87

Triadic

918586

879287

878792

Split-Comp.

918586

87928B

878D92

Tetradic

918586

8D9287

879291

8B8792

Contrast Matrix WCAG 2.1 Contrast

918586	EFB58B	FFCDB6	E6D0B3	E2E6D3
—	2.0 Fail	2.5 Fail	2.4 Fail	2.8 Fail
2.0 Fail	—	1.3 Fail	1.2 Fail	1.4 Fail
2.5 Fail	1.3 Fail	—	1.0 Fail	1.1 Fail
2.4 Fail	1.2 Fail	1.0 Fail	—	1.2 Fail
2.8 Fail	1.4 Fail	1.1 Fail	1.2 Fail	—

White BG

3.6AA Large

1.8Fail

1.4Fail

1.5Fail

1.3Fail

Black BG

5.9AA

11.7AAA

14.7AAA

14.0AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8C86

D6D595

E9E9BC

DCDCBA

E4E4D8

Deuteranopia

8D8D86

D9DE98

ECF0BD

DEDFBC

E4E3D9

Tritanopia

908686

EC9D9F

FDC0C1

E5C0C1

E2DBDC

Achromatopsia

898989

C2C2C2

D9D9D9

D3D3D3

E3E3E3

Shades & Tints Shades & Tints

#918586

Dark

Light

#EFB58B

Dark

Light

#FFCDB6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #918586;
  --color-2: #efb58b;
  --color-3: #ffcdb6;
  --color-4: #e6d0b3;
  --color-5: #e2e6d3;
}

SCSS

$color-1: #918586;
$color-2: #efb58b;
$color-3: #ffcdb6;
$color-4: #e6d0b3;
$color-5: #e2e6d3;

TAILWIND

colors: {
  'brand-1': '#918586',
  'brand-2': '#efb58b',
  'brand-3': '#ffcdb6',
  'brand-4': '#e6d0b3',
  'brand-5': '#e2e6d3',
}

RGB Array

[145, 133, 134], [239, 181, 139], [255, 205, 182], [230, 208, 179], [226, 230, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #918586, #EFB58B, #FFCDB6, #E6D0B3, #E2E6D3 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: #918586; --color-2: #efb58b; --color-3: #ffcdb6; --color-4: #e6d0b3; --color-5: #e2e6d3. 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 sunset-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