← Back to Editor

#A59D9B · #C2EBDD · #DCD45C · #F0B91E · #D88B71

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A59D9B

Ash · DarkGray · Silver Sand

HEX
#A59D9B
RGB
rgb(165, 157, 155)
HSL
hsl(12, 5%, 63%)
HSB
hsb(12, 6%, 65%)
CMYK
cmyk(0%, 5%, 6%, 35%)
Oklch
oklch(70.2% 0.010 34.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#C2EBDD

Jade · LightBlue · Glacier Blue

HEX
#C2EBDD
RGB
rgb(194, 235, 221)
HSL
hsl(160, 51%, 84%)
HSB
hsb(160, 17%, 92%)
CMYK
cmyk(17%, 0%, 6%, 8%)
Oklch
oklch(90.7% 0.047 172.5)

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

#DCD45C

Fresh Green · BurlyWood · Sunflower

HEX
#DCD45C
RGB
rgb(220, 212, 92)
HSL
hsl(56, 65%, 61%)
HSB
hsb(56, 58%, 86%)
CMYK
cmyk(0%, 4%, 58%, 14%)
Oklch
oklch(85.3% 0.141 105.5)

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

#F0B91E

Ginger · GoldenRod · Sunflower

HEX
#F0B91E
RGB
rgb(240, 185, 30)
HSL
hsl(44, 88%, 53%)
HSB
hsb(44, 88%, 94%)
CMYK
cmyk(0%, 23%, 88%, 6%)
Oklch
oklch(81.4% 0.161 86.0)

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

#D88B71

Apricot · DarkSalmon · Warm Sun

HEX
#D88B71
RGB
rgb(216, 139, 113)
HSL
hsl(15, 57%, 65%)
HSB
hsb(15, 48%, 85%)
CMYK
cmyk(0%, 36%, 48%, 15%)
Oklch
oklch(71.0% 0.102 39.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A59D9B
9CA3A5

Analogous

A59C9F
A59D9B
A5A39C

Triadic

A59D9B
9CA59E
9E9CA5

Split-Comp.

A59D9B
9CA5A3
9C9FA5

Tetradic

A59D9B
9FA59C
9CA3A5
A39CA5

Contrast Matrix WCAG 2.1 Contrast

A59D9B
C2EBDD
DCD45C
F0B91E
D88B71
—
2.1
Fail
1.7
Fail
1.5
Fail
1.0
Fail
2.1
Fail
—
1.2
Fail
1.4
Fail
2.1
Fail
1.7
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.5
Fail
1.0
Fail
2.1
Fail
1.7
Fail
1.5
Fail
—
White BG
2.7Fail
1.3Fail
1.5Fail
1.8Fail
2.7Fail
Black BG
7.9AAA
16.2AAA
13.6AAA
11.7AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A19B
D4D4E0
D9D879
D8D844
B7B677

Deuteranopia

A2A39C
D1CEE1
D9DA80
DBE04D
BBC179

Tritanopia

A59C9C
C4E3E4
DC9095
ED6168
D47C7D

Achromatopsia

9F9F9F
DDDDDD
C9C9C9
B8B8B8
9F9F9F

Shades & Tints Shades & Tints

#A59D9B

Dark
Light

#C2EBDD

Dark
Light

#DCD45C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a59d9b;
  --color-2: #c2ebdd;
  --color-3: #dcd45c;
  --color-4: #f0b91e;
  --color-5: #d88b71;
}

SCSS

$color-1: #a59d9b;
$color-2: #c2ebdd;
$color-3: #dcd45c;
$color-4: #f0b91e;
$color-5: #d88b71;

TAILWIND

colors: {
  'brand-1': '#a59d9b',
  'brand-2': '#c2ebdd',
  'brand-3': '#dcd45c',
  'brand-4': '#f0b91e',
  'brand-5': '#d88b71',
}

RGB Array

[165, 157, 155], [194, 235, 221], [220, 212, 92], [240, 185, 30], [216, 139, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A59D9B, #C2EBDD, #DCD45C, #F0B91E, #D88B71 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: #a59d9b; --color-2: #c2ebdd; --color-3: #dcd45c; --color-4: #f0b91e; --color-5: #d88b71. 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