← Back to Editor

#0E0A15 · #B5B20F · #FBE9C2 · #68B7AD · #B64902

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#0E0A15

Deep Indigo · Black · Dark Purple

HEX
#0E0A15
RGB
rgb(14, 10, 21)
HSL
hsl(262, 35%, 6%)
HSB
hsb(262, 52%, 8%)
CMYK
cmyk(33%, 52%, 0%, 92%)
Oklch
oklch(15.6% 0.024 300.4)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#B5B20F

Autumn Sage · GoldenRod · Honey Gold

HEX
#B5B20F
RGB
rgb(181, 178, 15)
HSL
hsl(59, 85%, 38%)
HSB
hsb(59, 92%, 71%)
CMYK
cmyk(0%, 2%, 92%, 29%)
Oklch
oklch(74.2% 0.158 108.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FBE9C2

Goose Yellow · Bisque · Lemon Cream

HEX
#FBE9C2
RGB
rgb(251, 233, 194)
HSL
hsl(41, 88%, 87%)
HSB
hsb(41, 23%, 98%)
CMYK
cmyk(0%, 7%, 23%, 2%)
Oklch
oklch(93.9% 0.054 86.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#68B7AD

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#68B7AD
RGB
rgb(104, 183, 173)
HSL
hsl(172, 35%, 56%)
HSB
hsb(172, 43%, 72%)
CMYK
cmyk(43%, 0%, 5%, 28%)
Oklch
oklch(72.6% 0.080 185.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#B64902

Tangerine · Sienna · Amber Brown

HEX
#B64902
RGB
rgb(182, 73, 2)
HSL
hsl(24, 98%, 36%)
HSB
hsb(24, 99%, 71%)
CMYK
cmyk(0%, 60%, 99%, 29%)
Oklch
oklch(54.4% 0.156 44.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E0A15
11150A

Analogous

0A0B15
0E0A15
130A15

Triadic

0E0A15
150E0A
0A150E

Split-Comp.

0E0A15
15130A
0B150A

Tetradic

0E0A15
150A0B
11150A
0A1513

Contrast Matrix WCAG 2.1 Contrast

0E0A15
B5B20F
FBE9C2
68B7AD
B64902
—
8.7
AAA
16.3
AAA
8.4
AAA
3.7
AA Large
8.7
AAA
—
1.9
Fail
1.0
Fail
2.4
Fail
16.3
AAA
1.9
Fail
—
2.0
Fail
4.4
AA Large
8.4
AAA
1.0
Fail
2.0
Fail
—
2.3
Fail
3.7
AA Large
2.4
Fail
4.4
AA Large
2.3
Fail
—
White BG
19.6AAA
2.2Fail
1.2Fail
2.3Fail
5.3AA
Black BG
1.1Fail
9.3AAA
17.5AAA
9.0AAA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

0C0C12
B4B436
F3F3CB
8A8BAF
878613

Deuteranopia

0D0D12
B4B440
F4F6CE
8680B0
8D9517

Tritanopia

0E1010
B5565C
FAD3D5
6CB1B2
B12124

Achromatopsia

0C0C0C
A0A0A0
EAEAEA
9E9E9E
616161

Shades & Tints Shades & Tints

#0E0A15

Dark
Light

#B5B20F

Dark
Light

#FBE9C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e0a15;
  --color-2: #b5b20f;
  --color-3: #fbe9c2;
  --color-4: #68b7ad;
  --color-5: #b64902;
}

SCSS

$color-1: #0e0a15;
$color-2: #b5b20f;
$color-3: #fbe9c2;
$color-4: #68b7ad;
$color-5: #b64902;

TAILWIND

colors: {
  'brand-1': '#0e0a15',
  'brand-2': '#b5b20f',
  'brand-3': '#fbe9c2',
  'brand-4': '#68b7ad',
  'brand-5': '#b64902',
}

RGB Array

[14, 10, 21], [181, 178, 15], [251, 233, 194], [104, 183, 173], [182, 73, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #0E0A15, #B5B20F, #FBE9C2, #68B7AD, #B64902 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: #0e0a15; --color-2: #b5b20f; --color-3: #fbe9c2; --color-4: #68b7ad; --color-5: #b64902. 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 minimal-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