← Back to Editor

#95DCCD · #A1C0B3 · #9D916C · #B1A973 · #EAB195

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#95DCCD

Jade · LightBlue · Lake Green

HEX
#95DCCD
RGB
rgb(149, 220, 205)
HSL
hsl(167, 50%, 72%)
HSB
hsb(167, 32%, 86%)
CMYK
cmyk(32%, 0%, 7%, 14%)
Oklch
oklch(84.3% 0.074 179.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#A1C0B3

Jade · DarkGray · Apple Green

HEX
#A1C0B3
RGB
rgb(161, 192, 179)
HSL
hsl(155, 20%, 69%)
HSB
hsb(155, 16%, 75%)
CMYK
cmyk(16%, 0%, 7%, 25%)
Oklch
oklch(78.1% 0.038 168.1)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#9D916C

Ginger · Gray · Sunflower

HEX
#9D916C
RGB
rgb(157, 145, 108)
HSL
hsl(45, 20%, 52%)
HSB
hsb(45, 31%, 62%)
CMYK
cmyk(0%, 8%, 31%, 38%)
Oklch
oklch(65.8% 0.054 92.2)

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

#B1A973

Autumn Sage · Tan · Sunflower

HEX
#B1A973
RGB
rgb(177, 169, 115)
HSL
hsl(52, 28%, 57%)
HSB
hsb(52, 35%, 69%)
CMYK
cmyk(0%, 5%, 35%, 31%)
Oklch
oklch(72.8% 0.073 100.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EAB195

Apricot · BurlyWood · Warm Sun

HEX
#EAB195
RGB
rgb(234, 177, 149)
HSL
hsl(20, 67%, 75%)
HSB
hsb(20, 36%, 92%)
CMYK
cmyk(0%, 24%, 36%, 8%)
Oklch
oklch(80.6% 0.077 47.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95DCCD
DB94A3

Analogous

94DBA8
95DCCD
94C7DB

Triadic

95DCCD
CC94DB
DBCC94

Split-Comp.

95DCCD
DB94C7
DBA894

Tetradic

95DCCD
A894DB
DB94A3
C7DB94

Contrast Matrix WCAG 2.1 Contrast

95DCCD
A1C0B3
9D916C
B1A973
EAB195
—
1.3
Fail
2.0
Fail
1.5
Fail
1.2
Fail
1.3
Fail
—
1.6
Fail
1.2
Fail
1.0
Fail
2.0
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
1.5
Fail
1.2
Fail
1.3
Fail
—
1.3
Fail
1.2
Fail
1.0
Fail
1.7
Fail
1.3
Fail
—
White BG
1.6Fail
2.0Fail
3.1AA Large
2.4Fail
1.9Fail
Black BG
13.4AAA
10.7AAA
6.7AA
8.8AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B4D1
AEAFB6
989875
AEAD80
D1D19C

Deuteranopia

B0AAD2
ADAAB7
999977
AEAF83
D5D99D

Tritanopia

99D3D4
A3B9B9
9C7C7E
B18A8D
E7A1A2

Achromatopsia

C5C5C5
B5B5B5
909090
A5A5A5
BFBFBF

Shades & Tints Shades & Tints

#95DCCD

Dark
Light

#A1C0B3

Dark
Light

#9D916C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95dccd;
  --color-2: #a1c0b3;
  --color-3: #9d916c;
  --color-4: #b1a973;
  --color-5: #eab195;
}

SCSS

$color-1: #95dccd;
$color-2: #a1c0b3;
$color-3: #9d916c;
$color-4: #b1a973;
$color-5: #eab195;

TAILWIND

colors: {
  'brand-1': '#95dccd',
  'brand-2': '#a1c0b3',
  'brand-3': '#9d916c',
  'brand-4': '#b1a973',
  'brand-5': '#eab195',
}

RGB Array

[149, 220, 205], [161, 192, 179], [157, 145, 108], [177, 169, 115], [234, 177, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95DCCD, #A1C0B3, #9D916C, #B1A973, #EAB195 is ideal for: corporate websites, product showcases, portfolios. 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: #95dccd; --color-2: #a1c0b3; --color-3: #9d916c; --color-4: #b1a973; --color-5: #eab195. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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