← Back to Editor

#BB9003 · #EAC670 · #E7F2C8 · #E1E9D1 · #BEDACE

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

#BB9003

Ochre · DarkGoldenRod · Honey Gold

HEX
#BB9003
RGB
rgb(187, 144, 3)
HSL
hsl(46, 97%, 37%)
HSB
hsb(46, 98%, 73%)
CMYK
cmyk(0%, 23%, 98%, 27%)
Oklch
oklch(67.5% 0.138 87.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#EAC670

Ginger · BurlyWood · Sunflower

HEX
#EAC670
RGB
rgb(234, 198, 112)
HSL
hsl(42, 74%, 68%)
HSB
hsb(42, 52%, 92%)
CMYK
cmyk(0%, 15%, 52%, 8%)
Oklch
oklch(84.0% 0.113 87.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E7F2C8

Willow Green · Beige · Mint Green

HEX
#E7F2C8
RGB
rgb(231, 242, 200)
HSL
hsl(76, 62%, 87%)
HSB
hsb(76, 17%, 95%)
CMYK
cmyk(5%, 0%, 17%, 5%)
Oklch
oklch(94.2% 0.056 119.4)

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

#E1E9D1

Willow Green · Beige · Mint Green

HEX
#E1E9D1
RGB
rgb(225, 233, 209)
HSL
hsl(80, 35%, 87%)
HSB
hsb(80, 10%, 91%)
CMYK
cmyk(3%, 0%, 10%, 9%)
Oklch
oklch(92.2% 0.033 122.1)

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

#BEDACE

Jade · LightGray · Apple Green

HEX
#BEDACE
RGB
rgb(190, 218, 206)
HSL
hsl(154, 27%, 80%)
HSB
hsb(154, 13%, 85%)
CMYK
cmyk(13%, 0%, 6%, 15%)
Oklch
oklch(86.4% 0.034 167.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BB9003
032EBA

Analogous

BA3403
BB9003
89BA03

Triadic

BB9003
03BA8F
8F03BA

Split-Comp.

BB9003
0389BA
3403BA

Tetradic

BB9003
03BA34
032EBA
BA0389

Contrast Matrix WCAG 2.1 Contrast

BB9003
EAC670
E7F2C8
E1E9D1
BEDACE
—
1.8
Fail
2.5
Fail
2.4
Fail
2.0
Fail
1.8
Fail
—
1.4
Fail
1.3
Fail
1.1
Fail
2.5
Fail
1.4
Fail
—
1.1
Fail
1.3
Fail
2.4
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
2.0
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
White BG
3.0Fail
1.6Fail
1.2Fail
1.3Fail
1.5Fail
Black BG
7.1AAA
12.8AAA
17.9AAA
16.8AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A825
DADA85
ECECD2
E4E5D7
CACAD1

Deuteranopia

ABAE2D
DDDF8A
EBEAD5
E4E3D8
C9C6D2

Tritanopia

B94046
E89599
E8DADC
E1DBDC
BFD3D4

Achromatopsia

8D8D8D
C7C7C7
EAEAEA
E4E4E4
D0D0D0

Shades & Tints Shades & Tints

#BB9003

Dark
Light

#EAC670

Dark
Light

#E7F2C8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bb9003;
  --color-2: #eac670;
  --color-3: #e7f2c8;
  --color-4: #e1e9d1;
  --color-5: #bedace;
}

SCSS

$color-1: #bb9003;
$color-2: #eac670;
$color-3: #e7f2c8;
$color-4: #e1e9d1;
$color-5: #bedace;

TAILWIND

colors: {
  'brand-1': '#bb9003',
  'brand-2': '#eac670',
  'brand-3': '#e7f2c8',
  'brand-4': '#e1e9d1',
  'brand-5': '#bedace',
}

RGB Array

[187, 144, 3], [234, 198, 112], [231, 242, 200], [225, 233, 209], [190, 218, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #BB9003, #EAC670, #E7F2C8, #E1E9D1, #BEDACE 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: #bb9003; --color-2: #eac670; --color-3: #e7f2c8; --color-4: #e1e9d1; --color-5: #bedace. 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