← Back to Editor

#A6CBB7 · #ACD2BF · #C3D5BD · #CED9BD · #E1DCC7

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A6CBB7

Celadon · Silver · Apple Green

HEX
#A6CBB7
RGB
rgb(166, 203, 183)
HSL
hsl(148, 26%, 72%)
HSB
hsb(148, 18%, 80%)
CMYK
cmyk(18%, 0%, 10%, 20%)
Oklch
oklch(81.0% 0.048 161.5)

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

#ACD2BF

Jade · Silver · Apple Green

HEX
#ACD2BF
RGB
rgb(172, 210, 191)
HSL
hsl(150, 30%, 75%)
HSB
hsb(150, 18%, 82%)
CMYK
cmyk(18%, 0%, 9%, 18%)
Oklch
oklch(83.1% 0.048 163.5)

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

#C3D5BD

Celadon · Silver · Apple Green

HEX
#C3D5BD
RGB
rgb(195, 213, 189)
HSL
hsl(105, 22%, 79%)
HSB
hsb(105, 11%, 84%)
CMYK
cmyk(8%, 0%, 11%, 16%)
Oklch
oklch(85.3% 0.038 137.8)

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

#CED9BD

Willow Green · LightGray · Apple Green

HEX
#CED9BD
RGB
rgb(206, 217, 189)
HSL
hsl(84, 27%, 80%)
HSB
hsb(84, 13%, 85%)
CMYK
cmyk(5%, 0%, 13%, 15%)
Oklch
oklch(86.9% 0.040 124.7)

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

#E1DCC7

Goose Yellow · LightGray · Lemon Cream

HEX
#E1DCC7
RGB
rgb(225, 220, 199)
HSL
hsl(48, 30%, 83%)
HSB
hsb(48, 12%, 88%)
CMYK
cmyk(0%, 2%, 12%, 12%)
Oklch
oklch(89.3% 0.029 95.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6CBB7
CAA5B9

Analogous

A6CAA5
A6CBB7
A5CAC9

Triadic

A6CBB7
B6A5CA
CAB6A5

Split-Comp.

A6CBB7
C9A5CA
CAA5A6

Tetradic

A6CBB7
A5A6CA
CAA5B9
CAC9A5

Contrast Matrix WCAG 2.1 Contrast

A6CBB7
ACD2BF
C3D5BD
CED9BD
E1DCC7
—
1.1
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
White BG
1.8Fail
1.7Fail
1.5Fail
1.5Fail
1.4Fail
Black BG
11.8AAA
12.7AAA
13.6AAA
14.3AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B6BC
BCBDC4
CBCBC3
D3D3C4
DFDFCC

Deuteranopia

B4B1BD
BAB7C5
CAC8C4
D2D1C5
DFE0CD

Tritanopia

A8C0C1
AEC7C8
C4C7C8
CFC9CA
E1D0D1

Achromatopsia

BEBEBE
C4C4C4
CDCDCD
D3D3D3
DBDBDB

Shades & Tints Shades & Tints

#A6CBB7

Dark
Light

#ACD2BF

Dark
Light

#C3D5BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6cbb7;
  --color-2: #acd2bf;
  --color-3: #c3d5bd;
  --color-4: #ced9bd;
  --color-5: #e1dcc7;
}

SCSS

$color-1: #a6cbb7;
$color-2: #acd2bf;
$color-3: #c3d5bd;
$color-4: #ced9bd;
$color-5: #e1dcc7;

TAILWIND

colors: {
  'brand-1': '#a6cbb7',
  'brand-2': '#acd2bf',
  'brand-3': '#c3d5bd',
  'brand-4': '#ced9bd',
  'brand-5': '#e1dcc7',
}

RGB Array

[166, 203, 183], [172, 210, 191], [195, 213, 189], [206, 217, 189], [225, 220, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #A6CBB7, #ACD2BF, #C3D5BD, #CED9BD, #E1DCC7 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a6cbb7; --color-2: #acd2bf; --color-3: #c3d5bd; --color-4: #ced9bd; --color-5: #e1dcc7. 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 cool-style 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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