#FFB5B5 + #A68181 + #C1D4D0 + #8FB38F + #D6D1A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFB5B5

Peach Pink · LightPink · Cherry Blossom

HEX

#FFB5B5

RGB

rgb(255, 181, 181)

HSL

hsl(0, 100%, 85%)

HSB

hsb(0, 29%, 100%)

CMYK

cmyk(0%, 29%, 29%, 0%)

Oklch

oklch(84.3% 0.087 19.0)

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

#A68181

Crimson · Gray · Passion Red

HEX

#A68181

RGB

rgb(166, 129, 129)

HSL

hsl(0, 17%, 58%)

HSB

hsb(0, 22%, 65%)

CMYK

cmyk(0%, 22%, 22%, 35%)

Oklch

oklch(63.9% 0.046 18.4)

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

#C1D4D0

Jade · LightGray · Glacier Blue

HEX

#C1D4D0

RGB

rgb(193, 212, 208)

HSL

hsl(167, 18%, 79%)

HSB

hsb(167, 9%, 83%)

CMYK

cmyk(9%, 0%, 2%, 17%)

Oklch

oklch(85.4% 0.021 181.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#8FB38F

Celadon · DarkSeaGreen · Apple Green

HEX

#8FB38F

RGB

rgb(143, 179, 143)

HSL

hsl(120, 19%, 63%)

HSB

hsb(120, 20%, 70%)

CMYK

cmyk(20%, 0%, 20%, 30%)

Oklch

oklch(73.0% 0.065 144.9)

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

#D6D1A1

Fresh Green · Tan · Sunflower

HEX

#D6D1A1

RGB

rgb(214, 209, 161)

HSL

hsl(54, 39%, 74%)

HSB

hsb(54, 25%, 84%)

CMYK

cmyk(0%, 2%, 25%, 16%)

Oklch

oklch(85.3% 0.064 102.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB5B5

B3FFFF

Analogous

FFB3D9

FFB5B5

FFD9B3

Triadic

FFB5B5

B3FFB3

B3B3FF

Split-Comp.

FFB5B5

B3FFD9

B3D9FF

Tetradic

FFB5B5

D9FFB3

B3FFFF

D9B3FF

Contrast Matrix WCAG 2.1 Contrast

FFB5B5	A68181	C1D4D0	8FB38F	D6D1A1
—	2.1 Fail	1.1 Fail	1.4 Fail	1.1 Fail
2.1 Fail	—	2.2 Fail	1.5 Fail	2.2 Fail
1.1 Fail	2.2 Fail	—	1.5 Fail	1.0 Fail
1.4 Fail	1.5 Fail	1.5 Fail	—	1.5 Fail
1.1 Fail	2.2 Fail	1.0 Fail	1.5 Fail	—

White BG

1.7Fail

3.5AA Large

1.5Fail

2.3Fail

1.6Fail

Black BG

12.5AAA

6.1AA

13.6AAA

9.0AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDEB5

969681

C9C9D1

9F9F98

D4D4AD

Deuteranopia

E3E9B5

989B81

C8C7D1

9D9A9A

D4D4AF

Tritanopia

FBB5B5

A48181

C2D2D2

919FA0

D6B6B8

Achromatopsia

CBCBCB

8C8C8C

CECECE

A4A4A4

CDCDCD

Shades & Tints Shades & Tints

#FFB5B5

Dark

Light

#A68181

Dark

Light

#C1D4D0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb5b5;
  --color-2: #a68181;
  --color-3: #c1d4d0;
  --color-4: #8fb38f;
  --color-5: #d6d1a1;
}

SCSS

$color-1: #ffb5b5;
$color-2: #a68181;
$color-3: #c1d4d0;
$color-4: #8fb38f;
$color-5: #d6d1a1;

TAILWIND

colors: {
  'brand-1': '#ffb5b5',
  'brand-2': '#a68181',
  'brand-3': '#c1d4d0',
  'brand-4': '#8fb38f',
  'brand-5': '#d6d1a1',
}

RGB Array

[255, 181, 181], [166, 129, 129], [193, 212, 208], [143, 179, 143], [214, 209, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFB5B5, #A68181, #C1D4D0, #8FB38F, #D6D1A1 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: #ffb5b5; --color-2: #a68181; --color-3: #c1d4d0; --color-4: #8fb38f; --color-5: #d6d1a1. 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