← Back to Editor

#03051E · #F1043A · #C85945 · #91AE8F · #B2C2A5

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#03051E

Indigo · Black · Deep Sea Blue

HEX
#03051E
RGB
rgb(3, 5, 30)
HSL
hsl(236, 82%, 6%)
HSB
hsb(236, 90%, 12%)
CMYK
cmyk(90%, 83%, 0%, 88%)
Oklch
oklch(13.4% 0.055 271.0)

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

#F1043A

Vermilion · Crimson · Passion Red

HEX
#F1043A
RGB
rgb(241, 4, 58)
HSL
hsl(346, 97%, 48%)
HSB
hsb(346, 98%, 95%)
CMYK
cmyk(0%, 98%, 76%, 5%)
Oklch
oklch(60.6% 0.243 21.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#C85945

Crimson · Chocolate · Passion Red

HEX
#C85945
RGB
rgb(200, 89, 69)
HSL
hsl(9, 54%, 53%)
HSB
hsb(9, 65%, 78%)
CMYK
cmyk(0%, 56%, 66%, 22%)
Oklch
oklch(60.0% 0.146 32.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#91AE8F

Celadon · DarkSeaGreen · Apple Green

HEX
#91AE8F
RGB
rgb(145, 174, 143)
HSL
hsl(116, 16%, 62%)
HSB
hsb(116, 18%, 68%)
CMYK
cmyk(17%, 0%, 18%, 32%)
Oklch
oklch(72.0% 0.055 143.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#B2C2A5

Celadon · DarkGray · Apple Green

HEX
#B2C2A5
RGB
rgb(178, 194, 165)
HSL
hsl(93, 19%, 70%)
HSB
hsb(93, 15%, 76%)
CMYK
cmyk(8%, 0%, 15%, 24%)
Oklch
oklch(79.4% 0.044 131.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

03051E
1C1A03

Analogous

03111C
03051E
0E031C

Triadic

03051E
1C0304
041C03

Split-Comp.

03051E
1C0E03
111C03

Tetradic

03051E
1C0311
1C1A03
031C0E

Contrast Matrix WCAG 2.1 Contrast

03051E
F1043A
C85945
91AE8F
B2C2A5
—
4.6
AA
4.8
AA
8.3
AAA
10.7
AAA
4.6
AA
—
1.0
Fail
1.8
Fail
2.3
Fail
4.8
AA
1.0
Fail
—
1.7
Fail
2.2
Fail
8.3
AAA
1.8
Fail
1.7
Fail
—
1.3
Fail
10.7
AAA
2.3
Fail
2.2
Fail
1.3
Fail
—
White BG
20.1AAA
4.4AA Large
4.2AA Large
2.4Fail
1.9Fail
Black BG
1.0Fail
4.8AA
5.0AA
8.7AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

040418
8A882D
98974A
9E9E97
B9B9AC

Deuteranopia

040417
98AA2A
9EA74B
9C9A98
B8B7AE

Tritanopia

031312
E52320
C24E4F
929C9E
B3B2B3

Achromatopsia

070707
515151
787878
A2A2A2
BABABA

Shades & Tints Shades & Tints

#03051E

Dark
Light

#F1043A

Dark
Light

#C85945

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #03051e;
  --color-2: #f1043a;
  --color-3: #c85945;
  --color-4: #91ae8f;
  --color-5: #b2c2a5;
}

SCSS

$color-1: #03051e;
$color-2: #f1043a;
$color-3: #c85945;
$color-4: #91ae8f;
$color-5: #b2c2a5;

TAILWIND

colors: {
  'brand-1': '#03051e',
  'brand-2': '#f1043a',
  'brand-3': '#c85945',
  'brand-4': '#91ae8f',
  'brand-5': '#b2c2a5',
}

RGB Array

[3, 5, 30], [241, 4, 58], [200, 89, 69], [145, 174, 143], [178, 194, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #03051E, #F1043A, #C85945, #91AE8F, #B2C2A5 is ideal for: 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: #03051e; --color-2: #f1043a; --color-3: #c85945; --color-4: #91ae8f; --color-5: #b2c2a5. 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 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