← Back to Editor

#A1EBD4 · #BCE8D7 · #EAD6CB · #F9CCC6 · #262F36

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#A1EBD4

Jade · LightBlue · Glacier Blue

HEX
#A1EBD4
RGB
rgb(161, 235, 212)
HSL
hsl(161, 65%, 78%)
HSB
hsb(161, 31%, 92%)
CMYK
cmyk(31%, 0%, 10%, 8%)
Oklch
oklch(88.5% 0.080 173.0)

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

#BCE8D7

Jade · LightBlue · Mint Green

HEX
#BCE8D7
RGB
rgb(188, 232, 215)
HSL
hsl(157, 49%, 82%)
HSB
hsb(157, 19%, 91%)
CMYK
cmyk(19%, 0%, 7%, 9%)
Oklch
oklch(89.5% 0.051 169.7)

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

#EAD6CB

Apricot · LightGray · Peach Orange

HEX
#EAD6CB
RGB
rgb(234, 214, 203)
HSL
hsl(21, 42%, 86%)
HSB
hsb(21, 13%, 92%)
CMYK
cmyk(0%, 9%, 13%, 8%)
Oklch
oklch(88.9% 0.027 50.8)

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

#F9CCC6

Peach Pink · Pink · Cherry Blossom

HEX
#F9CCC6
RGB
rgb(249, 204, 198)
HSL
hsl(7, 81%, 88%)
HSB
hsb(7, 20%, 98%)
CMYK
cmyk(0%, 18%, 20%, 2%)
Oklch
oklch(88.2% 0.052 27.0)

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

#262F36

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#262F36
RGB
rgb(38, 47, 54)
HSL
hsl(206, 17%, 18%)
HSB
hsb(206, 30%, 21%)
CMYK
cmyk(30%, 13%, 0%, 79%)
Oklch
oklch(30.0% 0.018 241.6)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1EBD4
EBA2BA

Analogous

A2EBB0
A1EBD4
A2DEEB

Triadic

A1EBD4
D4A2EB
EBD4A2

Split-Comp.

A1EBD4
EBA2DE
EBB0A2

Tetradic

A1EBD4
B0A2EB
EBA2BA
DEEBA2

Contrast Matrix WCAG 2.1 Contrast

A1EBD4
BCE8D7
EAD6CB
F9CCC6
262F36
—
1.0
Fail
1.0
Fail
1.1
Fail
10.0
AAA
1.0
Fail
—
1.0
Fail
1.1
Fail
10.2
AAA
1.0
Fail
1.0
Fail
—
1.0
Fail
9.7
AAA
1.1
Fail
1.1
Fail
1.0
Fail
—
9.4
AAA
10.0
AAA
10.2
AAA
9.7
AAA
9.4
AAA
—
White BG
1.4Fail
1.3Fail
1.4Fail
1.5Fail
13.6AAA
Black BG
15.3AAA
15.7AAA
15.0AAA
14.5AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C2DA
CFCFDB
E1E1CE
E6E5C7
2A2A34

Deuteranopia

BDB7DB
CDC9DC
E3E4CE
E8EBC8
292934

Tritanopia

A5DEDF
BEDEDF
E9D0D0
F7C9C9
263333

Achromatopsia

D2D2D2
D9D9D9
DBDBDB
D9D9D9
2D2D2D

Shades & Tints Shades & Tints

#A1EBD4

Dark
Light

#BCE8D7

Dark
Light

#EAD6CB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1ebd4;
  --color-2: #bce8d7;
  --color-3: #ead6cb;
  --color-4: #f9ccc6;
  --color-5: #262f36;
}

SCSS

$color-1: #a1ebd4;
$color-2: #bce8d7;
$color-3: #ead6cb;
$color-4: #f9ccc6;
$color-5: #262f36;

TAILWIND

colors: {
  'brand-1': '#a1ebd4',
  'brand-2': '#bce8d7',
  'brand-3': '#ead6cb',
  'brand-4': '#f9ccc6',
  'brand-5': '#262f36',
}

RGB Array

[161, 235, 212], [188, 232, 215], [234, 214, 203], [249, 204, 198], [38, 47, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #A1EBD4, #BCE8D7, #EAD6CB, #F9CCC6, #262F36 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a1ebd4; --color-2: #bce8d7; --color-3: #ead6cb; --color-4: #f9ccc6; --color-5: #262f36. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 dark-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