← Back to Editor

#A69088 · #CDA195 · #CCB8B6 · #C4C8B6 · #C6E2D0

A 5-color palette 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

#A69088

Tangerine · DarkGray · Warm Sun

HEX
#A69088
RGB
rgb(166, 144, 136)
HSL
hsl(16, 14%, 59%)
HSB
hsb(16, 18%, 65%)
CMYK
cmyk(0%, 13%, 18%, 35%)
Oklch
oklch(67.1% 0.029 41.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CDA195

Peach Pink · Tan · Coral Red

HEX
#CDA195
RGB
rgb(205, 161, 149)
HSL
hsl(13, 36%, 69%)
HSB
hsb(13, 27%, 80%)
CMYK
cmyk(0%, 21%, 27%, 20%)
Oklch
oklch(74.6% 0.055 35.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CCB8B6

Peach Pink · Silver · Coral Red

HEX
#CCB8B6
RGB
rgb(204, 184, 182)
HSL
hsl(5, 18%, 76%)
HSB
hsb(5, 11%, 80%)
CMYK
cmyk(0%, 10%, 11%, 20%)
Oklch
oklch(79.9% 0.023 24.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C4C8B6

Willow Green · Silver · Apple Green

HEX
#C4C8B6
RGB
rgb(196, 200, 182)
HSL
hsl(73, 14%, 75%)
HSB
hsb(73, 9%, 78%)
CMYK
cmyk(2%, 0%, 9%, 22%)
Oklch
oklch(82.5% 0.025 117.1)

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

#C6E2D0

Celadon · LightGray · Mint Green

HEX
#C6E2D0
RGB
rgb(198, 226, 208)
HSL
hsl(141, 33%, 83%)
HSB
hsb(141, 12%, 89%)
CMYK
cmyk(12%, 0%, 8%, 11%)
Oklch
oklch(88.7% 0.038 157.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A69088
889DA5

Analogous

A5888F
A69088
A59E88

Triadic

A69088
88A590
9088A5

Split-Comp.

A69088
88A59E
888FA5

Tetradic

A69088
8FA588
889DA5
9E88A5

Contrast Matrix WCAG 2.1 Contrast

A69088
CDA195
CCB8B6
C4C8B6
C6E2D0
—
1.3
Fail
1.6
Fail
1.8
Fail
2.2
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.7
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
2.2
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
3.0AA Large
2.3Fail
1.9Fail
1.7Fail
1.4Fail
Black BG
7.0AA
9.1AAA
11.1AAA
12.3AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9C8A
BABA98
C3C3B6
C6C6BA
D2D2D4

Deuteranopia

9E9F8A
BDC099
C5C6B7
C6C5BB
D1CED5

Tritanopia

A58B8C
CB9A9B
CBB7B7
C4BEBF
C7D8D9

Achromatopsia

969696
ADADAD
BEBEBE
C5C5C5
D8D8D8

Shades & Tints Shades & Tints

#A69088

Dark
Light

#CDA195

Dark
Light

#CCB8B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a69088;
  --color-2: #cda195;
  --color-3: #ccb8b6;
  --color-4: #c4c8b6;
  --color-5: #c6e2d0;
}

SCSS

$color-1: #a69088;
$color-2: #cda195;
$color-3: #ccb8b6;
$color-4: #c4c8b6;
$color-5: #c6e2d0;

TAILWIND

colors: {
  'brand-1': '#a69088',
  'brand-2': '#cda195',
  'brand-3': '#ccb8b6',
  'brand-4': '#c4c8b6',
  'brand-5': '#c6e2d0',
}

RGB Array

[166, 144, 136], [205, 161, 149], [204, 184, 182], [196, 200, 182], [198, 226, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A69088, #CDA195, #CCB8B6, #C4C8B6, #C6E2D0 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: #a69088; --color-2: #cda195; --color-3: #ccb8b6; --color-4: #c4c8b6; --color-5: #c6e2d0. 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 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