← Back to Editor

#FFFFBF · #EBF4D1 · #D5CEE3 · #C0A7FF · #18181C

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FFFFBF

Fresh Green · Bisque · Lemon Cream

HEX
#FFFFBF
RGB
rgb(255, 255, 191)
HSL
hsl(60, 100%, 87%)
HSB
hsb(60, 25%, 100%)
CMYK
cmyk(0%, 0%, 25%, 0%)
Oklch
oklch(98.5% 0.081 107.8)

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

#EBF4D1

Willow Green · Beige · Mint Green

HEX
#EBF4D1
RGB
rgb(235, 244, 209)
HSL
hsl(75, 61%, 89%)
HSB
hsb(75, 14%, 96%)
CMYK
cmyk(4%, 0%, 14%, 4%)
Oklch
oklch(95.1% 0.047 119.0)

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

#D5CEE3

Wisteria · LightGray · Lavender

HEX
#D5CEE3
RGB
rgb(213, 206, 227)
HSL
hsl(260, 27%, 85%)
HSB
hsb(260, 9%, 89%)
CMYK
cmyk(6%, 9%, 0%, 11%)
Oklch
oklch(86.3% 0.030 300.9)

Traditional「Wisteria」· Paint「Lavender」· Creative Lavender Dream

#C0A7FF

Wisteria · LightSteelBlue · Sky Blue

HEX
#C0A7FF
RGB
rgb(192, 167, 255)
HSL
hsl(257, 100%, 83%)
HSB
hsb(257, 35%, 100%)
CMYK
cmyk(25%, 35%, 0%, 0%)
Oklch
oklch(78.3% 0.125 296.5)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#18181C

Deep Indigo · Black · Jet Black

HEX
#18181C
RGB
rgb(24, 24, 28)
HSL
hsl(240, 8%, 10%)
HSB
hsb(240, 14%, 11%)
CMYK
cmyk(14%, 14%, 0%, 89%)
Oklch
oklch(21.1% 0.008 285.7)

Traditional「Deep Indigo」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFBF
BDBDFF

Analogous

FFDEBD
FFFFBF
DEFFBD

Triadic

FFFFBF
BDFFFF
FFBDFF

Split-Comp.

FFFFBF
BDDEFF
DEBDFF

Tetradic

FFFFBF
BDFFDE
BDBDFF
FFBDDE

Contrast Matrix WCAG 2.1 Contrast

FFFFBF
EBF4D1
D5CEE3
C0A7FF
18181C
—
1.1
Fail
1.5
Fail
2.0
Fail
17.1
AAA
1.1
Fail
—
1.3
Fail
1.8
Fail
15.5
AAA
1.5
Fail
1.3
Fail
—
1.3
Fail
11.6
AAA
2.0
Fail
1.8
Fail
1.3
Fail
—
8.6
AAA
17.1
AAA
15.5
AAA
11.6
AAA
8.6
AAA
—
White BG
1.0Fail
1.1Fail
1.5Fail
2.1Fail
17.7AAA
Black BG
20.3AAA
18.4AAA
13.8AAA
10.2AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFCE
EFEFD9
D2D2DE
B5B5EA
18181B

Deuteranopia

FFFFD2
EEEEDC
D2D3DD
B7B8E5
18181B

Tritanopia

FFDBDD
EBE0E2
D5DAD9
BFD9D5
181A1A

Achromatopsia

F8F8F8
EDEDED
D2D2D2
B9B9B9
181818

Shades & Tints Shades & Tints

#FFFFBF

Dark
Light

#EBF4D1

Dark
Light

#D5CEE3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffbf;
  --color-2: #ebf4d1;
  --color-3: #d5cee3;
  --color-4: #c0a7ff;
  --color-5: #18181c;
}

SCSS

$color-1: #ffffbf;
$color-2: #ebf4d1;
$color-3: #d5cee3;
$color-4: #c0a7ff;
$color-5: #18181c;

TAILWIND

colors: {
  'brand-1': '#ffffbf',
  'brand-2': '#ebf4d1',
  'brand-3': '#d5cee3',
  'brand-4': '#c0a7ff',
  'brand-5': '#18181c',
}

RGB Array

[255, 255, 191], [235, 244, 209], [213, 206, 227], [192, 167, 255], [24, 24, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #FFFFBF, #EBF4D1, #D5CEE3, #C0A7FF, #18181C 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: #ffffbf; --color-2: #ebf4d1; --color-3: #d5cee3; --color-4: #c0a7ff; --color-5: #18181c. 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 bright-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