#A1B0AD + #F9F3CA + #AB7075 + #729C9C + #D89499 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A1B0AD

Jade · DarkGray · Silver Sand

HEX

#A1B0AD

RGB

rgb(161, 176, 173)

HSL

hsl(168, 9%, 66%)

HSB

hsb(168, 9%, 69%)

CMYK

cmyk(9%, 0%, 2%, 31%)

Oklch

oklch(74.5% 0.017 182.5)

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

#F9F3CA

Fresh Green · Bisque · Lemon Cream

HEX

#F9F3CA

RGB

rgb(249, 243, 202)

HSL

hsl(52, 80%, 88%)

HSB

hsb(52, 19%, 98%)

CMYK

cmyk(0%, 2%, 19%, 2%)

Oklch

oklch(95.9% 0.054 100.4)

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

#AB7075

Crimson · Gray · Passion Red

HEX

#AB7075

RGB

rgb(171, 112, 117)

HSL

hsl(355, 26%, 55%)

HSB

hsb(355, 35%, 67%)

CMYK

cmyk(0%, 35%, 32%, 33%)

Oklch

oklch(60.9% 0.075 14.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#729C9C

Slate Blue · CadetBlue · Lake Green

HEX

#729C9C

RGB

rgb(114, 156, 156)

HSL

hsl(180, 18%, 53%)

HSB

hsb(180, 27%, 61%)

CMYK

cmyk(27%, 0%, 0%, 39%)

Oklch

oklch(66.2% 0.046 196.1)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#D89499

Peach Pink · Tan · Coral Red

HEX

#D89499

RGB

rgb(216, 148, 153)

HSL

hsl(356, 47%, 71%)

HSB

hsb(356, 31%, 85%)

CMYK

cmyk(0%, 31%, 29%, 15%)

Oklch

oklch(73.5% 0.082 14.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1B0AD

B0A0A4

Analogous

A0B0A5

A1B0AD

A0ABB0

Triadic

A1B0AD

ADA0B0

B0ADA0

Split-Comp.

A1B0AD

B0A0AB

B0A5A0

Tetradic

A1B0AD

A5A0B0

B0A0A4

ABB0A0

Contrast Matrix WCAG 2.1 Contrast

A1B0AD	F9F3CA	AB7075	729C9C	D89499
—	2.0 Fail	1.8 Fail	1.3 Fail	1.1 Fail
2.0 Fail	—	3.5 AA Large	2.7 Fail	2.2 Fail
1.8 Fail	3.5 AA Large	—	1.3 Fail	1.6 Fail
1.3 Fail	2.7 Fail	1.3 Fail	—	1.2 Fail
1.1 Fail	2.2 Fail	1.6 Fail	1.2 Fail	—

White BG

2.3Fail

1.1Fail

4.0AA Large

3.0AA Large

2.4Fail

Black BG

9.3AAA

18.7AAA

5.3AA

7.0AA

8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A8AE

F6F6D4

919174

84859C

BBBA98

Deuteranopia

A7A6AE

F7F7D6

959974

827F9C

BFC498

Tritanopia

A2AEAE

F9DCDD

A87373

749C9C

D59797

Achromatopsia

ABABAB

F0F0F0

828282

8F8F8F

A9A9A9

Shades & Tints Shades & Tints

#A1B0AD

Dark

Light

#F9F3CA

Dark

Light

#AB7075

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1b0ad;
  --color-2: #f9f3ca;
  --color-3: #ab7075;
  --color-4: #729c9c;
  --color-5: #d89499;
}

SCSS

$color-1: #a1b0ad;
$color-2: #f9f3ca;
$color-3: #ab7075;
$color-4: #729c9c;
$color-5: #d89499;

TAILWIND

colors: {
  'brand-1': '#a1b0ad',
  'brand-2': '#f9f3ca',
  'brand-3': '#ab7075',
  'brand-4': '#729c9c',
  'brand-5': '#d89499',
}

RGB Array

[161, 176, 173], [249, 243, 202], [171, 112, 117], [114, 156, 156], [216, 148, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A1B0AD, #F9F3CA, #AB7075, #729C9C, #D89499 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: #a1b0ad; --color-2: #f9f3ca; --color-3: #ab7075; --color-4: #729c9c; --color-5: #d89499. 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