← Back to Editor

#D6EFED · #FFF9B8 · #B0A279 · #453100 · #070A22

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#D6EFED

Jade · Lavender · Glacier Blue

HEX
#D6EFED
RGB
rgb(214, 239, 237)
HSL
hsl(175, 44%, 89%)
HSB
hsb(175, 10%, 94%)
CMYK
cmyk(10%, 0%, 1%, 6%)
Oklch
oklch(93.3% 0.026 190.9)

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

#FFF9B8

Fresh Green · Bisque · Lemon Cream

HEX
#FFF9B8
RGB
rgb(255, 249, 184)
HSL
hsl(55, 100%, 86%)
HSB
hsb(55, 28%, 100%)
CMYK
cmyk(0%, 2%, 28%, 0%)
Oklch
oklch(97.2% 0.083 103.4)

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

#B0A279

Ginger · Tan · Sunflower

HEX
#B0A279
RGB
rgb(176, 162, 121)
HSL
hsl(45, 26%, 58%)
HSB
hsb(45, 31%, 69%)
CMYK
cmyk(0%, 8%, 31%, 31%)
Oklch
oklch(71.4% 0.058 91.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#453100

Ochre · DarkOliveGreen · Amber Gold

HEX
#453100
RGB
rgb(69, 49, 0)
HSL
hsl(43, 100%, 14%)
HSB
hsb(43, 100%, 27%)
CMYK
cmyk(0%, 29%, 100%, 73%)
Oklch
oklch(32.7% 0.067 83.7)

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

#070A22

Indigo · Black · Deep Sea Blue

HEX
#070A22
RGB
rgb(7, 10, 34)
HSL
hsl(233, 66%, 8%)
HSB
hsb(233, 79%, 13%)
CMYK
cmyk(79%, 71%, 0%, 87%)
Oklch
oklch(15.9% 0.050 273.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6EFED
EFD7D9

Analogous

D7EFE1
D6EFED
D7E5EF

Triadic

D6EFED
EDD7EF
EFEDD7

Split-Comp.

D6EFED
EFD7E5
EFE1D7

Tetradic

D6EFED
E1D7EF
EFD7D9
E5EFD7

Contrast Matrix WCAG 2.1 Contrast

D6EFED
FFF9B8
B0A279
453100
070A22
—
1.1
Fail
2.1
Fail
10.3
AAA
16.2
AAA
1.1
Fail
—
2.4
Fail
11.5
AAA
18.1
AAA
2.1
Fail
2.4
Fail
—
4.9
AA
7.7
AAA
10.3
AAA
11.5
AAA
4.9
AA
—
1.6
Fail
16.2
AAA
18.1
AAA
7.7
AAA
1.6
Fail
—
White BG
1.2Fail
1.1Fail
2.5Fail
12.4AAA
19.5AAA
Black BG
17.4AAA
19.5AAA
8.3AAA
1.7Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1ED
FCFCC8
AAAA83
3C3C0C
08081C

Deuteranopia

DFDEEE
FDFDCC
ABAC85
3E3F0F
08081B

Tritanopia

D7EEEE
FFD4D7
AF8B8C
441517
071817

Achromatopsia

E7E7E7
F3F3F3
A2A2A2
313131
0C0C0C

Shades & Tints Shades & Tints

#D6EFED

Dark
Light

#FFF9B8

Dark
Light

#B0A279

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6efed;
  --color-2: #fff9b8;
  --color-3: #b0a279;
  --color-4: #453100;
  --color-5: #070a22;
}

SCSS

$color-1: #d6efed;
$color-2: #fff9b8;
$color-3: #b0a279;
$color-4: #453100;
$color-5: #070a22;

TAILWIND

colors: {
  'brand-1': '#d6efed',
  'brand-2': '#fff9b8',
  'brand-3': '#b0a279',
  'brand-4': '#453100',
  'brand-5': '#070a22',
}

RGB Array

[214, 239, 237], [255, 249, 184], [176, 162, 121], [69, 49, 0], [7, 10, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6EFED, #FFF9B8, #B0A279, #453100, #070A22 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #d6efed; --color-2: #fff9b8; --color-3: #b0a279; --color-4: #453100; --color-5: #070a22. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 general-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