← Back to Editor

#A5B6A4 · #D0D9C3 · #738073 · #F7FFEE · #B8BFAC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#A5B6A4

Celadon · DarkGray · Apple Green

HEX
#A5B6A4
RGB
rgb(165, 182, 164)
HSL
hsl(117, 11%, 68%)
HSB
hsb(117, 10%, 71%)
CMYK
cmyk(9%, 0%, 10%, 29%)
Oklch
oklch(75.8% 0.032 143.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#D0D9C3

Willow Green · LightGray · Mint Green

HEX
#D0D9C3
RGB
rgb(208, 217, 195)
HSL
hsl(85, 22%, 81%)
HSB
hsb(85, 10%, 85%)
CMYK
cmyk(4%, 0%, 10%, 15%)
Oklch
oklch(87.2% 0.031 125.2)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#738073

Ink Gray · Gray · Warm Gray

HEX
#738073
RGB
rgb(115, 128, 115)
HSL
hsl(120, 5%, 48%)
HSB
hsb(120, 10%, 50%)
CMYK
cmyk(10%, 0%, 10%, 50%)
Oklch
oklch(58.5% 0.025 145.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#F7FFEE

Willow Green · SeaShell · Mint Green

HEX
#F7FFEE
RGB
rgb(247, 255, 238)
HSL
hsl(88, 100%, 97%)
HSB
hsb(88, 7%, 100%)
CMYK
cmyk(3%, 0%, 7%, 0%)
Oklch
oklch(98.9% 0.024 127.6)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#B8BFAC

Willow Green · Silver · Apple Green

HEX
#B8BFAC
RGB
rgb(184, 191, 172)
HSL
hsl(82, 13%, 71%)
HSB
hsb(82, 10%, 75%)
CMYK
cmyk(4%, 0%, 10%, 25%)
Oklch
oklch(79.4% 0.027 123.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5B6A4
B5A4B6

Analogous

AEB6A4
A5B6A4
A4B6AD

Triadic

A5B6A4
A4A5B6
B6A4A5

Split-Comp.

A5B6A4
ADA4B6
B6A4AE

Tetradic

A5B6A4
A4AEB6
B5A4B6
B6ADA4

Contrast Matrix WCAG 2.1 Contrast

A5B6A4
D0D9C3
738073
F7FFEE
B8BFAC
—
1.5
Fail
1.9
Fail
2.1
Fail
1.1
Fail
1.5
Fail
—
2.8
Fail
1.4
Fail
1.3
Fail
1.9
Fail
2.8
Fail
—
4.0
AA Large
2.2
Fail
2.1
Fail
1.4
Fail
4.0
AA Large
—
1.8
Fail
1.1
Fail
1.3
Fail
2.2
Fail
1.8
Fail
—
White BG
2.1Fail
1.5Fail
4.1AA Large
1.0Fail
1.9Fail
Black BG
9.8AAA
14.4AAA
5.1AA
20.5AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACADA8
D4D4C8
797976
FAFBF2
BBBBB1

Deuteranopia

ABAAA9
D3D3CA
787777
FAF9F3
BBBAB2

Tritanopia

A6ACAD
D0CDCD
747979
F7F5F6
B8B4B5

Achromatopsia

AFAFAF
D4D4D4
7B7B7B
FBFBFB
BBBBBB

Shades & Tints Shades & Tints

#A5B6A4

Dark
Light

#D0D9C3

Dark
Light

#738073

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5b6a4;
  --color-2: #d0d9c3;
  --color-3: #738073;
  --color-4: #f7ffee;
  --color-5: #b8bfac;
}

SCSS

$color-1: #a5b6a4;
$color-2: #d0d9c3;
$color-3: #738073;
$color-4: #f7ffee;
$color-5: #b8bfac;

TAILWIND

colors: {
  'brand-1': '#a5b6a4',
  'brand-2': '#d0d9c3',
  'brand-3': '#738073',
  'brand-4': '#f7ffee',
  'brand-5': '#b8bfac',
}

RGB Array

[165, 182, 164], [208, 217, 195], [115, 128, 115], [247, 255, 238], [184, 191, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A5B6A4, #D0D9C3, #738073, #F7FFEE, #B8BFAC is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a5b6a4; --color-2: #d0d9c3; --color-3: #738073; --color-4: #f7ffee; --color-5: #b8bfac. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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