Home Color Palettes 4-Color Aerospace Orange Palette

4-Color Aerospace Orange Palette

4-color palette · Neutral · Dark · Complementary harmony

Back to Library

4-Color Aerospace Orange Palette

4-color palette · Neutral temperature · Dark tone · Complementary harmony

Modify

Muted 4 colors Neutral Dark Complementary

Likes 5,641

Colors 4

CSS variables

:root {
  --c-muted-1: #FF5200;
  --c-muted-2: #6F0000;
  --c-muted-3: #00263B;
  --c-muted-4: #00A1AB;
}

About this palette

This 4-color muted palette runs from Aare River Brienz (#00A1AB) as its lightest tone to Murky Depths (#00263B) as its darkest. It blends Aerospace Orange, Hellbound, Murky Depths and Aare River Brienz into a single set you can drop straight into a UI. Of its 6 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #00263B on #00A1AB at 4.99:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Aerospace Orange #FF5200

RGB: rgb(255, 82, 0)
HSL: hsl(19, 100%, 50%)
Luminance: 0.273

Hellbound #6F0000

RGB: rgb(111, 0, 0)
HSL: hsl(0, 100%, 22%)
Luminance: 0.034

Murky Depths #00263B

RGB: rgb(0, 38, 59)
HSL: hsl(201, 100%, 12%)
Luminance: 0.017

Aare River Brienz #00A1AB

RGB: rgb(0, 161, 171)
HSL: hsl(184, 100%, 34%)
Luminance: 0.284

Contrast & accessibility

2 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #00263B on #00A1AB 4.99:1 AA

Aa #FF5200 on #00263B 4.82:1 AA

Aa #6F0000 on #00A1AB 3.99:1 AA Large

Aa #FF5200 on #6F0000 3.85:1 AA Large

Aa #6F0000 on #00263B 1.25:1 Fail

Aa #FF5200 on #00A1AB 1.04:1 Fail

Similar palettes

#000000 #3E065F #700B97 #8E05C2

4 colors

#000000 #150050 #3F0071 #FB2576

4 colors

#000000 #3E432E #616F39 #A7D129

4 colors

#4B5D67 #322F3D #59405C #87556F

4 colors

#18230F #27391C #255F38 #1F7D53

4 colors

#000000 #0F6292 #16FF00 #FFED00

4 colors

#251D3A #2A2550 #E04D01 #FF7700

4 colors

#FFA900 #9D8221 #014441 #01252A

4 colors