#7A6268 + #EB8896 + #FDA7A3 + #EFCAA4 + #A9CEC1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7A6268

Crimson · DimGray · Passion Red

HEX

#7A6268

RGB

rgb(122, 98, 104)

HSL

hsl(345, 11%, 43%)

HSB

hsb(345, 20%, 48%)

CMYK

cmyk(0%, 20%, 15%, 52%)

Oklch

oklch(52.2% 0.032 1.6)

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

#EB8896

Peach Pink · LightCoral · Coral Red

HEX

#EB8896

RGB

rgb(235, 136, 150)

HSL

hsl(352, 71%, 73%)

HSB

hsb(352, 42%, 92%)

CMYK

cmyk(0%, 42%, 36%, 8%)

Oklch

oklch(73.6% 0.121 11.4)

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

#FDA7A3

Peach Pink · LightPink · Cherry Blossom

HEX

#FDA7A3

RGB

rgb(253, 167, 163)

HSL

hsl(3, 96%, 82%)

HSB

hsb(3, 36%, 99%)

CMYK

cmyk(0%, 34%, 36%, 1%)

Oklch

oklch(81.2% 0.102 22.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EFCAA4

Goose Yellow · Wheat · Peach Orange

HEX

#EFCAA4

RGB

rgb(239, 202, 164)

HSL

hsl(30, 70%, 79%)

HSB

hsb(30, 31%, 94%)

CMYK

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

Oklch

oklch(86.1% 0.065 67.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#A9CEC1

Jade · Silver · Apple Green

HEX

#A9CEC1

RGB

rgb(169, 206, 193)

HSL

hsl(159, 27%, 74%)

HSB

hsb(159, 18%, 81%)

CMYK

cmyk(18%, 0%, 6%, 19%)

Oklch

oklch(82.1% 0.043 171.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A6268

627A74

Analogous

7A6274

7A6268

7A6862

Triadic

7A6268

687A62

62687A

Split-Comp.

7A6268

627A68

62747A

Tetradic

7A6268

747A62

627A74

68627A

Contrast Matrix WCAG 2.1 Contrast

7A6268	EB8896	FDA7A3	EFCAA4	A9CEC1
—	2.3 Fail	3.0 Fail	3.6 AA Large	3.3 AA Large
2.3 Fail	—	1.3 Fail	1.6 Fail	1.4 Fail
3.0 Fail	1.3 Fail	—	1.2 Fail	1.1 Fail
3.6 AA Large	1.6 Fail	1.2 Fail	—	1.1 Fail
3.3 AA Large	1.4 Fail	1.1 Fail	1.1 Fail	—

White BG

5.6AA

2.5Fail

1.9Fail

1.5Fail

1.7Fail

Black BG

3.8AA Large

8.5AAA

11.2AAA

13.7AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

706F67

C0BF93

D8D7A4

DFDFAD

B9B9C4

Deuteranopia

717366

C6CD92

DDE3A4

E1E4AF

B7B4C5

Tritanopia

796565

E6908F

F9A5A5

EDB4B6

ABC7C7

Achromatopsia

6A6A6A

A7A7A7

C0C0C0

D1D1D1

C1C1C1

Shades & Tints Shades & Tints

#7A6268

Dark

Light

#EB8896

Dark

Light

#FDA7A3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a6268;
  --color-2: #eb8896;
  --color-3: #fda7a3;
  --color-4: #efcaa4;
  --color-5: #a9cec1;
}

SCSS

$color-1: #7a6268;
$color-2: #eb8896;
$color-3: #fda7a3;
$color-4: #efcaa4;
$color-5: #a9cec1;

TAILWIND

colors: {
  'brand-1': '#7a6268',
  'brand-2': '#eb8896',
  'brand-3': '#fda7a3',
  'brand-4': '#efcaa4',
  'brand-5': '#a9cec1',
}

RGB Array

[122, 98, 104], [235, 136, 150], [253, 167, 163], [239, 202, 164], [169, 206, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A6268, #EB8896, #FDA7A3, #EFCAA4, #A9CEC1 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: #7a6268; --color-2: #eb8896; --color-3: #fda7a3; --color-4: #efcaa4; --color-5: #a9cec1. 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