← Back to Editor

#B1CDA7 · #FFD2CE · #C6A89E · #F4FFD5 · #DDB194

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B1CDA7

Celadon · Silver · Apple Green

HEX
#B1CDA7
RGB
rgb(177, 205, 167)
HSL
hsl(104, 28%, 73%)
HSB
hsb(104, 19%, 80%)
CMYK
cmyk(14%, 0%, 19%, 20%)
Oklch
oklch(81.7% 0.060 137.5)

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

#FFD2CE

Peach Pink · Pink · Cherry Blossom

HEX
#FFD2CE
RGB
rgb(255, 210, 206)
HSL
hsl(5, 100%, 90%)
HSB
hsb(5, 19%, 100%)
CMYK
cmyk(0%, 18%, 19%, 0%)
Oklch
oklch(90.1% 0.051 24.1)

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

#C6A89E

Apricot · Tan · Warm Sun

HEX
#C6A89E
RGB
rgb(198, 168, 158)
HSL
hsl(15, 26%, 70%)
HSB
hsb(15, 20%, 78%)
CMYK
cmyk(0%, 15%, 20%, 22%)
Oklch
oklch(75.5% 0.038 39.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F4FFD5

Willow Green · Beige · Mint Green

HEX
#F4FFD5
RGB
rgb(244, 255, 213)
HSL
hsl(76, 100%, 92%)
HSB
hsb(76, 16%, 100%)
CMYK
cmyk(4%, 0%, 16%, 0%)
Oklch
oklch(98.1% 0.056 119.4)

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

#DDB194

Apricot · Tan · Warm Sun

HEX
#DDB194
RGB
rgb(221, 177, 148)
HSL
hsl(24, 52%, 72%)
HSB
hsb(24, 33%, 87%)
CMYK
cmyk(0%, 20%, 33%, 13%)
Oklch
oklch(79.3% 0.065 55.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1CDA7
C3A7CD

Analogous

C4CDA7
B1CDA7
A7CDB0

Triadic

B1CDA7
A7B1CD
CDA7B1

Split-Comp.

B1CDA7
B0A7CD
CDA7C4

Tetradic

B1CDA7
A7C4CD
C3A7CD
CDB0A7

Contrast Matrix WCAG 2.1 Contrast

B1CDA7
FFD2CE
C6A89E
F4FFD5
DDB194
—
1.3
Fail
1.3
Fail
1.7
Fail
1.1
Fail
1.3
Fail
—
1.6
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.6
Fail
—
2.1
Fail
1.1
Fail
1.7
Fail
1.3
Fail
2.1
Fail
—
1.9
Fail
1.1
Fail
1.4
Fail
1.1
Fail
1.9
Fail
—
White BG
1.7Fail
1.4Fail
2.2Fail
1.0Fail
1.9Fail
Black BG
12.2AAA
15.4AAA
9.5AAA
20.1AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDB0
ECEBCF
B9B9A0
F9F9DF
CACA9B

Deuteranopia

BCB9B2
EEF2CF
BBBDA1
F8F7E2
CDD09D

Tritanopia

B2B7B9
FDD0D0
C5A2A3
F5E7E9
DBA1A2

Achromatopsia

C0C0C0
DFDFDF
B0B0B0
F7F7F7
BBBBBB

Shades & Tints Shades & Tints

#B1CDA7

Dark
Light

#FFD2CE

Dark
Light

#C6A89E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1cda7;
  --color-2: #ffd2ce;
  --color-3: #c6a89e;
  --color-4: #f4ffd5;
  --color-5: #ddb194;
}

SCSS

$color-1: #b1cda7;
$color-2: #ffd2ce;
$color-3: #c6a89e;
$color-4: #f4ffd5;
$color-5: #ddb194;

TAILWIND

colors: {
  'brand-1': '#b1cda7',
  'brand-2': '#ffd2ce',
  'brand-3': '#c6a89e',
  'brand-4': '#f4ffd5',
  'brand-5': '#ddb194',
}

RGB Array

[177, 205, 167], [255, 210, 206], [198, 168, 158], [244, 255, 213], [221, 177, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B1CDA7, #FFD2CE, #C6A89E, #F4FFD5, #DDB194 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b1cda7; --color-2: #ffd2ce; --color-3: #c6a89e; --color-4: #f4ffd5; --color-5: #ddb194. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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