← Back to Editor

#AADBD9 · #D2EBCF · #FFFDD8 · #FFD3BE · #FFB2B2

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#AADBD9

Jade · LightBlue · Glacier Blue

HEX
#AADBD9
RGB
rgb(170, 219, 217)
HSL
hsl(178, 40%, 76%)
HSB
hsb(178, 22%, 86%)
CMYK
cmyk(22%, 0%, 1%, 14%)
Oklch
oklch(85.7% 0.051 193.1)

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

#D2EBCF

Celadon · LightGray · Mint Green

HEX
#D2EBCF
RGB
rgb(210, 235, 207)
HSL
hsl(114, 41%, 87%)
HSB
hsb(114, 12%, 92%)
CMYK
cmyk(11%, 0%, 12%, 8%)
Oklch
oklch(91.4% 0.046 142.2)

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

#FFFDD8

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFDD8
RGB
rgb(255, 253, 216)
HSL
hsl(57, 100%, 92%)
HSB
hsb(57, 15%, 100%)
CMYK
cmyk(0%, 1%, 15%, 0%)
Oklch
oklch(98.6% 0.048 104.7)

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

#FFD3BE

Apricot · Bisque · Peach Orange

HEX
#FFD3BE
RGB
rgb(255, 211, 190)
HSL
hsl(19, 100%, 87%)
HSB
hsb(19, 25%, 100%)
CMYK
cmyk(0%, 17%, 25%, 0%)
Oklch
oklch(89.9% 0.057 46.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFB2B2

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB2B2
RGB
rgb(255, 178, 178)
HSL
hsl(0, 100%, 85%)
HSB
hsb(0, 30%, 100%)
CMYK
cmyk(0%, 30%, 30%, 0%)
Oklch
oklch(83.7% 0.090 19.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AADBD9
DAA9AB

Analogous

A9DAC0
AADBD9
A9C3DA

Triadic

AADBD9
D9A9DA
DAD9A9

Split-Comp.

AADBD9
DAA9C3
DAC0A9

Tetradic

AADBD9
C0A9DA
DAA9AB
C3DAA9

Contrast Matrix WCAG 2.1 Contrast

AADBD9
D2EBCF
FFFDD8
FFD3BE
FFB2B2
—
1.2
Fail
1.5
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.3
Fail
1.7
Fail
1.2
Fail
—
White BG
1.5Fail
1.3Fail
1.0Fail
1.4Fail
1.7Fail
Black BG
13.8AAA
16.5AAA
20.3AAA
15.3AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFC0D9
DDDDD6
FEFEE1
ECECC3
DEDDB2

Deuteranopia

BCB9DA
DBDAD7
FEFEE3
EFF2C4
E2E8B2

Tritanopia

ACDADA
D3DBDC
FFE8EA
FDC7C8
FBB2B2

Achromatopsia

CCCCCC
E0E0E0
F9F9F9
DEDEDE
C9C9C9

Shades & Tints Shades & Tints

#AADBD9

Dark
Light

#D2EBCF

Dark
Light

#FFFDD8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aadbd9;
  --color-2: #d2ebcf;
  --color-3: #fffdd8;
  --color-4: #ffd3be;
  --color-5: #ffb2b2;
}

SCSS

$color-1: #aadbd9;
$color-2: #d2ebcf;
$color-3: #fffdd8;
$color-4: #ffd3be;
$color-5: #ffb2b2;

TAILWIND

colors: {
  'brand-1': '#aadbd9',
  'brand-2': '#d2ebcf',
  'brand-3': '#fffdd8',
  'brand-4': '#ffd3be',
  'brand-5': '#ffb2b2',
}

RGB Array

[170, 219, 217], [210, 235, 207], [255, 253, 216], [255, 211, 190], [255, 178, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #AADBD9, #D2EBCF, #FFFDD8, #FFD3BE, #FFB2B2 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: #aadbd9; --color-2: #d2ebcf; --color-3: #fffdd8; --color-4: #ffd3be; --color-5: #ffb2b2. 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 bright-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