← Back to Editor

#A9666F · #EDB0B5 · #E7C5D3 · #FFF2F5 · #9EA964

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

WorkspaceReadingData Visualization

Color Details Color Details

#A9666F

Crimson · Gray · Passion Red

HEX
#A9666F
RGB
rgb(169, 102, 111)
HSL
hsl(352, 28%, 53%)
HSB
hsb(352, 40%, 66%)
CMYK
cmyk(0%, 40%, 34%, 34%)
Oklch
oklch(58.7% 0.087 11.4)

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

#EDB0B5

Peach Pink · LightPink · Cherry Blossom

HEX
#EDB0B5
RGB
rgb(237, 176, 181)
HSL
hsl(355, 63%, 81%)
HSB
hsb(355, 26%, 93%)
CMYK
cmyk(0%, 26%, 24%, 7%)
Oklch
oklch(81.5% 0.072 13.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E7C5D3

Rouge · LightGray · Cherry Blossom

HEX
#E7C5D3
RGB
rgb(231, 197, 211)
HSL
hsl(335, 41%, 84%)
HSB
hsb(335, 15%, 91%)
CMYK
cmyk(0%, 15%, 9%, 9%)
Oklch
oklch(85.6% 0.043 351.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FFF2F5

Peach Pink · SeaShell · Cherry Blossom

HEX
#FFF2F5
RGB
rgb(255, 242, 245)
HSL
hsl(346, 100%, 97%)
HSB
hsb(346, 5%, 100%)
CMYK
cmyk(0%, 5%, 4%, 0%)
Oklch
oklch(97.2% 0.015 1.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#9EA964

Grass Green · DarkSeaGreen · Olive Green

HEX
#9EA964
RGB
rgb(158, 169, 100)
HSL
hsl(70, 29%, 53%)
HSB
hsb(70, 41%, 66%)
CMYK
cmyk(7%, 0%, 41%, 34%)
Oklch
oklch(71.0% 0.093 116.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9666F
66A9A0

Analogous

A96690
A9666F
A97E66

Triadic

A9666F
6FA966
666FA9

Split-Comp.

A9666F
66A97E
6690A9

Tetradic

A9666F
90A966
66A9A0
7E66A9

Contrast Matrix WCAG 2.1 Contrast

A9666F
EDB0B5
E7C5D3
FFF2F5
9EA964
—
2.4
Fail
2.8
Fail
4.0
AA Large
1.7
Fail
2.4
Fail
—
1.2
Fail
1.7
Fail
1.4
Fail
2.8
Fail
1.2
Fail
—
1.4
Fail
1.6
Fail
4.0
AA Large
1.7
Fail
1.4
Fail
—
2.3
Fail
1.7
Fail
1.4
Fail
1.6
Fail
2.3
Fail
—
White BG
4.4AA Large
1.8Fail
1.6Fail
1.1Fail
2.5Fail
Black BG
4.8AA
11.5AAA
13.3AAA
19.3AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8B6D
D3D2B4
D8D8D0
F9F9F4
A3A375

Deuteranopia

90956C
D6DBB4
DADDCF
FAFBF4
A2A179

Tritanopia

A66B6B
EAB3B3
E5CDCC
FEF4F4
9F8285

Achromatopsia

7B7B7B
C3C3C3
D1D1D1
F6F6F6
9E9E9E

Shades & Tints Shades & Tints

#A9666F

Dark
Light

#EDB0B5

Dark
Light

#E7C5D3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9666f;
  --color-2: #edb0b5;
  --color-3: #e7c5d3;
  --color-4: #fff2f5;
  --color-5: #9ea964;
}

SCSS

$color-1: #a9666f;
$color-2: #edb0b5;
$color-3: #e7c5d3;
$color-4: #fff2f5;
$color-5: #9ea964;

TAILWIND

colors: {
  'brand-1': '#a9666f',
  'brand-2': '#edb0b5',
  'brand-3': '#e7c5d3',
  'brand-4': '#fff2f5',
  'brand-5': '#9ea964',
}

RGB Array

[169, 102, 111], [237, 176, 181], [231, 197, 211], [255, 242, 245], [158, 169, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9666F, #EDB0B5, #E7C5D3, #FFF2F5, #9EA964 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: #a9666f; --color-2: #edb0b5; --color-3: #e7c5d3; --color-4: #fff2f5; --color-5: #9ea964. 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