← Back to Editor

#000B07 · #6A4B84 · #BC88B8 · #F298D6 · #F8B9D6

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile AppData Visualization

Color Details Color Details

#000B07

Mineral Blue · Black · Dark Green

HEX
#000B07
RGB
rgb(0, 11, 7)
HSL
hsl(158, 100%, 2%)
HSB
hsb(158, 100%, 4%)
CMYK
cmyk(100%, 0%, 36%, 96%)
Oklch
oklch(13.3% 0.026 173.1)

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

#6A4B84

Dark Plum · DarkSlateBlue · Violet

HEX
#6A4B84
RGB
rgb(106, 75, 132)
HSL
hsl(273, 28%, 41%)
HSB
hsb(273, 43%, 52%)
CMYK
cmyk(20%, 43%, 0%, 48%)
Oklch
oklch(47.1% 0.096 308.2)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#BC88B8

Mauve · DarkGray · Lilac Purple

HEX
#BC88B8
RGB
rgb(188, 136, 184)
HSL
hsl(305, 28%, 64%)
HSB
hsb(305, 28%, 74%)
CMYK
cmyk(0%, 28%, 2%, 26%)
Oklch
oklch(69.3% 0.091 329.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#F298D6

Mauve · Violet · Lilac Purple

HEX
#F298D6
RGB
rgb(242, 152, 214)
HSL
hsl(319, 78%, 77%)
HSB
hsb(319, 37%, 95%)
CMYK
cmyk(0%, 37%, 12%, 5%)
Oklch
oklch(79.0% 0.132 339.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#F8B9D6

Rouge · Pink · Cherry Blossom

HEX
#F8B9D6
RGB
rgb(248, 185, 214)
HSL
hsl(332, 82%, 85%)
HSB
hsb(332, 25%, 97%)
CMYK
cmyk(0%, 25%, 14%, 3%)
Oklch
oklch(85.2% 0.081 349.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000B07
0A0004

Analogous

000A01
000B07
00090A

Triadic

000B07
06000A
0A0600

Split-Comp.

000B07
0A0009
0A0100

Tetradic

000B07
01000A
0A0004
090A00

Contrast Matrix WCAG 2.1 Contrast

000B07
6A4B84
BC88B8
F298D6
F8B9D6
—
2.8
Fail
7.0
AA
9.7
AAA
12.3
AAA
2.8
Fail
—
2.5
Fail
3.5
AA Large
4.4
AA Large
7.0
AA
2.5
Fail
—
1.4
Fail
1.8
Fail
9.7
AAA
3.5
AA Large
1.4
Fail
—
1.3
Fail
12.3
AAA
4.4
AA Large
1.8
Fail
1.3
Fail
—
White BG
20.0AAA
7.1AAA
2.9Fail
2.1Fail
1.6Fail
Black BG
1.1Fail
3.0Fail
7.4AAA
10.2AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

050508
5D5C76
A5A5AC
CBCAC7
DDDCCF

Deuteranopia

040308
5E6173
A9ACAA
D0D7C3
E0E5CD

Tritanopia

010909
686B69
B9A3A1
EDBBB9
F5C9C8

Achromatopsia

070707
5B5B5B
9D9D9D
BABABA
CFCFCF

Shades & Tints Shades & Tints

#000B07

Dark
Light

#6A4B84

Dark
Light

#BC88B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000b07;
  --color-2: #6a4b84;
  --color-3: #bc88b8;
  --color-4: #f298d6;
  --color-5: #f8b9d6;
}

SCSS

$color-1: #000b07;
$color-2: #6a4b84;
$color-3: #bc88b8;
$color-4: #f298d6;
$color-5: #f8b9d6;

TAILWIND

colors: {
  'brand-1': '#000b07',
  'brand-2': '#6a4b84',
  'brand-3': '#bc88b8',
  'brand-4': '#f298d6',
  'brand-5': '#f8b9d6',
}

RGB Array

[0, 11, 7], [106, 75, 132], [188, 136, 184], [242, 152, 214], [248, 185, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #000B07, #6A4B84, #BC88B8, #F298D6, #F8B9D6 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: #000b07; --color-2: #6a4b84; --color-3: #bc88b8; --color-4: #f298d6; --color-5: #f8b9d6. 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 nature-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