#546A87 + #E6BEBC + #E6CBBC + #E6D8BC + #B5D9E6 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#546A87

Indigo · DimGray · Navy Blue

HEX

#546A87

RGB

rgb(84, 106, 135)

HSL

hsl(214, 23%, 43%)

HSB

hsb(214, 38%, 53%)

CMYK

cmyk(38%, 21%, 0%, 47%)

Oklch

oklch(51.8% 0.053 255.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#E6BEBC

Peach Pink · LightPink · Cherry Blossom

HEX

#E6BEBC

RGB

rgb(230, 190, 188)

HSL

hsl(3, 46%, 82%)

HSB

hsb(3, 18%, 90%)

CMYK

cmyk(0%, 17%, 18%, 10%)

Oklch

oklch(83.6% 0.046 21.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E6CBBC

Apricot · Wheat · Peach Orange

HEX

#E6CBBC

RGB

rgb(230, 203, 188)

HSL

hsl(21, 46%, 82%)

HSB

hsb(21, 18%, 90%)

CMYK

cmyk(0%, 12%, 18%, 10%)

Oklch

oklch(86.1% 0.037 50.9)

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

#E6D8BC

Goose Yellow · Wheat · Lemon Cream

HEX

#E6D8BC

RGB

rgb(230, 216, 188)

HSL

hsl(40, 46%, 82%)

HSB

hsb(40, 18%, 90%)

CMYK

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

Oklch

oklch(88.6% 0.040 84.6)

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

#B5D9E6

Sky Blue · LightBlue · Glacier Blue

HEX

#B5D9E6

RGB

rgb(181, 217, 230)

HSL

hsl(196, 49%, 81%)

HSB

hsb(196, 21%, 90%)

CMYK

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

Oklch

oklch(86.3% 0.042 221.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

546A87

877154

Analogous

548487

546A87

585487

Triadic

546A87

87546A

6A8754

Split-Comp.

546A87

875854

848754

Tetradic

546A87

875484

877154

548758

Contrast Matrix WCAG 2.1 Contrast

546A87	E6BEBC	E6CBBC	E6D8BC	B5D9E6
—	3.3 AA Large	3.6 AA Large	3.9 AA Large	3.7 AA Large
3.3 AA Large	—	1.1 Fail	1.2 Fail	1.1 Fail
3.6 AA Large	1.1 Fail	—	1.1 Fail	1.0 Fail
3.9 AA Large	1.2 Fail	1.1 Fail	—	1.1 Fail
3.7 AA Large	1.1 Fail	1.0 Fail	1.1 Fail	—

White BG

5.5AA

1.7Fail

1.5Fail

1.4Fail

1.5Fail

Black BG

3.8AA Large

12.5AAA

13.6AAA

14.9AAA

14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5E80

D5D4BC

DADAC0

E0E0C3

C5C5E3

Deuteranopia

5C5B7E

D7DABD

DCDEC1

E1E2C4

C3C0E2

Tritanopia

557A79

E4BDBD

E5C2C3

E5C8C9

B7E0E0

Achromatopsia

676767

CACACA

D1D1D1

D9D9D9

D0D0D0

Shades & Tints Shades & Tints

#546A87

Dark

Light

#E6BEBC

Dark

Light

#E6CBBC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #546a87;
  --color-2: #e6bebc;
  --color-3: #e6cbbc;
  --color-4: #e6d8bc;
  --color-5: #b5d9e6;
}

SCSS

$color-1: #546a87;
$color-2: #e6bebc;
$color-3: #e6cbbc;
$color-4: #e6d8bc;
$color-5: #b5d9e6;

TAILWIND

colors: {
  'brand-1': '#546a87',
  'brand-2': '#e6bebc',
  'brand-3': '#e6cbbc',
  'brand-4': '#e6d8bc',
  'brand-5': '#b5d9e6',
}

RGB Array

[84, 106, 135], [230, 190, 188], [230, 203, 188], [230, 216, 188], [181, 217, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #546A87, #E6BEBC, #E6CBBC, #E6D8BC, #B5D9E6 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: #546a87; --color-2: #e6bebc; --color-3: #e6cbbc; --color-4: #e6d8bc; --color-5: #b5d9e6. 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