#A5D1C1 + #C1D9C4 + #E5F0B9 + #E6C5C3 + #ED98D1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A5D1C1

Jade · Silver · Apple Green

HEX

#A5D1C1

RGB

rgb(165, 209, 193)

HSL

hsl(158, 32%, 73%)

HSB

hsb(158, 21%, 82%)

CMYK

cmyk(21%, 0%, 8%, 18%)

Oklch

oklch(82.5% 0.051 170.8)

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

#C1D9C4

Celadon · LightGray · Apple Green

HEX

#C1D9C4

RGB

rgb(193, 217, 196)

HSL

hsl(128, 24%, 80%)

HSB

hsb(128, 11%, 85%)

CMYK

cmyk(11%, 0%, 10%, 15%)

Oklch

oklch(86.2% 0.038 148.9)

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

#E5F0B9

Willow Green · Wheat · Mint Green

HEX

#E5F0B9

RGB

rgb(229, 240, 185)

HSL

hsl(72, 65%, 83%)

HSB

hsb(72, 23%, 94%)

CMYK

cmyk(5%, 0%, 23%, 6%)

Oklch

oklch(93.3% 0.072 117.0)

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

#E6C5C3

Peach Pink · Pink · Cherry Blossom

HEX

#E6C5C3

RGB

rgb(230, 197, 195)

HSL

hsl(3, 41%, 83%)

HSB

hsb(3, 15%, 90%)

CMYK

cmyk(0%, 14%, 15%, 10%)

Oklch

oklch(85.1% 0.038 22.0)

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

#ED98D1

Mauve · Violet · Cherry Blossom

HEX

#ED98D1

RGB

rgb(237, 152, 209)

HSL

hsl(320, 70%, 76%)

HSB

hsb(320, 36%, 93%)

CMYK

cmyk(0%, 36%, 12%, 7%)

Oklch

oklch(78.2% 0.124 340.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5D1C1

D0A4B4

Analogous

A4D0AA

A5D1C1

A4CAD0

Triadic

A5D1C1

C0A4D0

D0C0A4

Split-Comp.

A5D1C1

D0A4CA

D0AAA4

Tetradic

A5D1C1

AAA4D0

D0A4B4

CAD0A4

Contrast Matrix WCAG 2.1 Contrast

A5D1C1	C1D9C4	E5F0B9	E6C5C3	ED98D1
—	1.1 Fail	1.4 Fail	1.1 Fail	1.2 Fail
1.1 Fail	—	1.3 Fail	1.1 Fail	1.4 Fail
1.4 Fail	1.3 Fail	—	1.3 Fail	1.7 Fail
1.1 Fail	1.1 Fail	1.3 Fail	—	1.3 Fail
1.2 Fail	1.4 Fail	1.7 Fail	1.3 Fail	—

White BG

1.7Fail

1.5Fail

1.2Fail

1.6Fail

2.1Fail

Black BG

12.5AAA

14.0AAA

17.5AAA

13.1AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B8C5

CBCCC9

EAEAC6

D8D7C3

C8C7C3

Deuteranopia

B6B2C6

CAC8CA

E9E8CA

DADCC4

CDD3C0

Tritanopia

A7C8C9

C2CDCE

E6D1D3

E4C4C4

E9B8B6

Achromatopsia

C2C2C2

CFCFCF

E6E6E6

CFCFCF

B8B8B8

Shades & Tints Shades & Tints

#A5D1C1

Dark

Light

#C1D9C4

Dark

Light

#E5F0B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5d1c1;
  --color-2: #c1d9c4;
  --color-3: #e5f0b9;
  --color-4: #e6c5c3;
  --color-5: #ed98d1;
}

SCSS

$color-1: #a5d1c1;
$color-2: #c1d9c4;
$color-3: #e5f0b9;
$color-4: #e6c5c3;
$color-5: #ed98d1;

TAILWIND

colors: {
  'brand-1': '#a5d1c1',
  'brand-2': '#c1d9c4',
  'brand-3': '#e5f0b9',
  'brand-4': '#e6c5c3',
  'brand-5': '#ed98d1',
}

RGB Array

[165, 209, 193], [193, 217, 196], [229, 240, 185], [230, 197, 195], [237, 152, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A5D1C1, #C1D9C4, #E5F0B9, #E6C5C3, #ED98D1 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: #a5d1c1; --color-2: #c1d9c4; --color-3: #e5f0b9; --color-4: #e6c5c3; --color-5: #ed98d1. 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