#A1B5C5 + #C4E0D6 + #D2CABD + #EBE4DA + #F26E6C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A1B5C5

Sky Blue · DarkGray · Cobalt Blue

HEX

#A1B5C5

RGB

rgb(161, 181, 197)

HSL

hsl(207, 24%, 70%)

HSB

hsb(207, 18%, 77%)

CMYK

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

Oklch

oklch(76.3% 0.032 242.1)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#C4E0D6

Jade · LightGray · Mint Green

HEX

#C4E0D6

RGB

rgb(196, 224, 214)

HSL

hsl(159, 31%, 82%)

HSB

hsb(159, 12%, 88%)

CMYK

cmyk(12%, 0%, 4%, 12%)

Oklch

oklch(88.3% 0.033 172.0)

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

#D2CABD

Goose Yellow · Silver · Peach Orange

HEX

#D2CABD

RGB

rgb(210, 202, 189)

HSL

hsl(37, 19%, 78%)

HSB

hsb(37, 10%, 82%)

CMYK

cmyk(0%, 4%, 10%, 18%)

Oklch

oklch(84.2% 0.020 80.1)

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

#EBE4DA

Goose Yellow · Beige · Peach Orange

HEX

#EBE4DA

RGB

rgb(235, 228, 218)

HSL

hsl(35, 30%, 89%)

HSB

hsb(35, 7%, 92%)

CMYK

cmyk(0%, 3%, 7%, 8%)

Oklch

oklch(92.2% 0.015 77.1)

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

#F26E6C

Peach Pink · Salmon · Coral Red

HEX

#F26E6C

RGB

rgb(242, 110, 108)

HSL

hsl(1, 84%, 69%)

HSB

hsb(1, 55%, 95%)

CMYK

cmyk(0%, 55%, 55%, 5%)

Oklch

oklch(69.7% 0.163 23.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1B5C5

C5B1A0

Analogous

A0C5C3

A1B5C5

A0A2C5

Triadic

A1B5C5

C5A0B4

B4C5A0

Split-Comp.

A1B5C5

C5A0A2

C5C3A0

Tetradic

A1B5C5

C3A0C5

C5B1A0

A2C5A0

Contrast Matrix WCAG 2.1 Contrast

A1B5C5	C4E0D6	D2CABD	EBE4DA	F26E6C
—	1.5 Fail	1.3 Fail	1.7 Fail	1.4 Fail
1.5 Fail	—	1.2 Fail	1.1 Fail	2.1 Fail
1.3 Fail	1.2 Fail	—	1.3 Fail	1.8 Fail
1.7 Fail	1.1 Fail	1.3 Fail	—	2.3 Fail
1.4 Fail	2.1 Fail	1.8 Fail	2.3 Fail	—

White BG

2.1Fail

1.4Fail

1.6Fail

1.3Fail

2.9Fail

Black BG

9.9AAA

15.0AAA

12.9AAA

16.6AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAC1

D0D0D8

CFCEC0

E8E8DC

B9B86C

Deuteranopia

A9A7C0

CFCCD9

CFD0C1

E8E9DD

C1CA6D

Tritanopia

A2BEBD

C5DADB

D2C3C3

EBDEDF

EB6D6D

Achromatopsia

B1B1B1

D6D6D6

CBCBCB

E5E5E5

959595

Shades & Tints Shades & Tints

#A1B5C5

Dark

Light

#C4E0D6

Dark

Light

#D2CABD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1b5c5;
  --color-2: #c4e0d6;
  --color-3: #d2cabd;
  --color-4: #ebe4da;
  --color-5: #f26e6c;
}

SCSS

$color-1: #a1b5c5;
$color-2: #c4e0d6;
$color-3: #d2cabd;
$color-4: #ebe4da;
$color-5: #f26e6c;

TAILWIND

colors: {
  'brand-1': '#a1b5c5',
  'brand-2': '#c4e0d6',
  'brand-3': '#d2cabd',
  'brand-4': '#ebe4da',
  'brand-5': '#f26e6c',
}

RGB Array

[161, 181, 197], [196, 224, 214], [210, 202, 189], [235, 228, 218], [242, 110, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A1B5C5, #C4E0D6, #D2CABD, #EBE4DA, #F26E6C 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: #a1b5c5; --color-2: #c4e0d6; --color-3: #d2cabd; --color-4: #ebe4da; --color-5: #f26e6c. 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