← Back to Editor

#D5D3BF · #E67A24 · #203970 · #B1BDC9 · #FFFFFF

bright

A 5-color bright 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

#D5D3BF

Fresh Green · LightGray · Lemon Cream

HEX
#D5D3BF
RGB
rgb(213, 211, 191)
HSL
hsl(55, 21%, 79%)
HSB
hsb(55, 10%, 84%)
CMYK
cmyk(0%, 1%, 10%, 16%)
Oklch
oklch(86.3% 0.027 102.3)

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

#E67A24

Tangerine · Chocolate · Warm Sun

HEX
#E67A24
RGB
rgb(230, 122, 36)
HSL
hsl(27, 80%, 52%)
HSB
hsb(27, 84%, 90%)
CMYK
cmyk(0%, 47%, 84%, 10%)
Oklch
oklch(68.9% 0.161 53.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#203970

Indigo · MidnightBlue · Prussian Blue

HEX
#203970
RGB
rgb(32, 57, 112)
HSL
hsl(221, 56%, 28%)
HSB
hsb(221, 71%, 44%)
CMYK
cmyk(71%, 49%, 0%, 56%)
Oklch
oklch(35.7% 0.100 263.7)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#B1BDC9

Azure · Silver · Cobalt Blue

HEX
#B1BDC9
RGB
rgb(177, 189, 201)
HSL
hsl(210, 18%, 74%)
HSB
hsb(210, 12%, 79%)
CMYK
cmyk(12%, 6%, 0%, 21%)
Oklch
oklch(79.3% 0.022 248.1)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5D3BF
BEC0D5

Analogous

D5C8BE
D5D3BF
CBD5BE

Triadic

D5D3BF
BED5D3
D3BED5

Split-Comp.

D5D3BF
BECBD5
C8BED5

Tetradic

D5D3BF
BED5C8
BEC0D5
D5BECB

Contrast Matrix WCAG 2.1 Contrast

D5D3BF
E67A24
203970
B1BDC9
FFFFFF
—
1.9
Fail
7.4
AAA
1.3
Fail
1.5
Fail
1.9
Fail
—
3.8
AA Large
1.5
Fail
2.9
Fail
7.4
AAA
3.8
AA Large
—
5.8
AA
11.2
AAA
1.3
Fail
1.5
Fail
5.8
AA
—
1.9
Fail
1.5
Fail
2.9
Fail
11.2
AAA
1.9
Fail
—
White BG
1.5Fail
2.9Fail
11.2AAA
1.9Fail
1.0Fail
Black BG
13.9AAA
7.2AAA
1.9Fail
11.0AAA
21.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4C4
B7B639
2B2B63
B6B6C6
FFFFFF

Deuteranopia

D4D4C5
BEC63E
29285F
B6B5C5
FFFFFF

Tritanopia

D5C8C9
E1494D
215856
B2C4C3
FFFFFF

Achromatopsia

D1D1D1
909090
383838
BBBBBB
FFFFFF

Shades & Tints Shades & Tints

#D5D3BF

Dark
Light

#E67A24

Dark
Light

#203970

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5d3bf;
  --color-2: #e67a24;
  --color-3: #203970;
  --color-4: #b1bdc9;
  --color-5: #ffffff;
}

SCSS

$color-1: #d5d3bf;
$color-2: #e67a24;
$color-3: #203970;
$color-4: #b1bdc9;
$color-5: #ffffff;

TAILWIND

colors: {
  'brand-1': '#d5d3bf',
  'brand-2': '#e67a24',
  'brand-3': '#203970',
  'brand-4': '#b1bdc9',
  'brand-5': '#ffffff',
}

RGB Array

[213, 211, 191], [230, 122, 36], [32, 57, 112], [177, 189, 201], [255, 255, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #D5D3BF, #E67A24, #203970, #B1BDC9, #FFFFFF 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: #d5d3bf; --color-2: #e67a24; --color-3: #203970; --color-4: #b1bdc9; --color-5: #ffffff. 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