#D6AF35 + #D59F82 + #CA9FBA + #B5ADDD + #BABEC2 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6AF35

Ginger · GoldenRod · Sunflower

HEX

#D6AF35

RGB

rgb(214, 175, 53)

HSL

hsl(45, 66%, 52%)

HSB

hsb(45, 75%, 84%)

CMYK

cmyk(0%, 18%, 75%, 16%)

Oklch

oklch(76.8% 0.140 90.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#D59F82

Apricot · DarkSalmon · Warm Sun

HEX

#D59F82

RGB

rgb(213, 159, 130)

HSL

hsl(21, 50%, 67%)

HSB

hsb(21, 39%, 84%)

CMYK

cmyk(0%, 25%, 39%, 16%)

Oklch

oklch(74.6% 0.076 49.4)

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

#CA9FBA

Mauve · Silver · Rose Pink

HEX

#CA9FBA

RGB

rgb(202, 159, 186)

HSL

hsl(322, 29%, 71%)

HSB

hsb(322, 21%, 79%)

CMYK

cmyk(0%, 21%, 8%, 21%)

Oklch

oklch(75.0% 0.062 340.7)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#B5ADDD

Wisteria · LightSteelBlue · Cobalt Blue

HEX

#B5ADDD

RGB

rgb(181, 173, 221)

HSL

hsl(250, 41%, 77%)

HSB

hsb(250, 22%, 87%)

CMYK

cmyk(18%, 22%, 0%, 13%)

Oklch

oklch(77.1% 0.068 292.4)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#BABEC2

Silver Gray · Silver · Pearl Gray

HEX

#BABEC2

RGB

rgb(186, 190, 194)

HSL

hsl(210, 6%, 75%)

HSB

hsb(210, 4%, 76%)

CMYK

cmyk(4%, 2%, 0%, 24%)

Oklch

oklch(80.0% 0.007 247.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6AF35

345CD5

Analogous

D55C34

D6AF35

ADD534

Triadic

D6AF35

34D5AD

AD34D5

Split-Comp.

D6AF35

34ADD5

5C34D5

Tetradic

D6AF35

34D55C

345CD5

D534AD

Contrast Matrix WCAG 2.1 Contrast

D6AF35	D59F82	CA9FBA	B5ADDD	BABEC2
—	1.1 Fail	1.1 Fail	1.0 Fail	1.1 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.2 Fail
1.0 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.2 Fail	1.2 Fail	1.1 Fail	—

White BG

2.1Fail

2.3Fail

2.1Fail

1.9Fail

Black BG

10.0AAA

9.1AAA

9.2AAA

10.0AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C553

BEBD89

B7B7B3

B2B1D1

BCBCC1

Deuteranopia

C7CA5A

C1C58B

BABDB2

B2B3CF

BCBBC1

Tritanopia

D46A6F

D28F90

C8AEAD

B5C8C6

BAC0C0

Achromatopsia

ADADAD

ACACAC

AFAFAF

B5B5B5

BDBDBD

Shades & Tints Shades & Tints

#D6AF35

Dark

Light

#D59F82

Dark

Light

#CA9FBA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6af35;
  --color-2: #d59f82;
  --color-3: #ca9fba;
  --color-4: #b5addd;
  --color-5: #babec2;
}

SCSS

$color-1: #d6af35;
$color-2: #d59f82;
$color-3: #ca9fba;
$color-4: #b5addd;
$color-5: #babec2;

TAILWIND

colors: {
  'brand-1': '#d6af35',
  'brand-2': '#d59f82',
  'brand-3': '#ca9fba',
  'brand-4': '#b5addd',
  'brand-5': '#babec2',
}

RGB Array

[214, 175, 53], [213, 159, 130], [202, 159, 186], [181, 173, 221], [186, 190, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #D6AF35, #D59F82, #CA9FBA, #B5ADDD, #BABEC2 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: #d6af35; --color-2: #d59f82; --color-3: #ca9fba; --color-4: #b5addd; --color-5: #babec2. 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