Home Color Palettes 4-Color Lucky Orange Palette

4-Color Lucky Orange Palette

4-color palette · Neutral · Dark · Triadic harmony

Back to Library

4-Color Lucky Orange Palette

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

Modify

Vibrant 4 colors Neutral Dark Triadic

Likes 4,368

Colors 4

CSS variables

:root {
  --c-vibrant-1: #251D3A;
  --c-vibrant-2: #2A2550;
  --c-vibrant-3: #E04D01;
  --c-vibrant-4: #FF7700;
}

About this palette

This 4-color vibrant palette runs from Lucky Orange (#FF7700) as its lightest tone to Throat (#251D3A) as its darkest. It blends Throat, Pāua, Deep Orange and Lucky Orange 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 #251D3A on #FF7700 at 6:1.

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

Color breakdown

Throat #251D3A

RGB: rgb(37, 29, 58)
HSL: hsl(257, 33%, 17%)
Luminance: 0.016

Pāua #2A2550

RGB: rgb(42, 37, 80)
HSL: hsl(247, 37%, 23%)
Luminance: 0.024

Deep Orange #E04D01

RGB: rgb(224, 77, 1)
HSL: hsl(20, 99%, 44%)
Luminance: 0.212

Lucky Orange #FF7700

RGB: rgb(255, 119, 0)
HSL: hsl(28, 100%, 50%)
Luminance: 0.345

Contrast & accessibility

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

Aa #251D3A on #FF7700 6.00:1 AA

Aa #2A2550 on #FF7700 5.34:1 AA

Aa #251D3A on #E04D01 3.98:1 AA Large

Aa #2A2550 on #E04D01 3.54:1 AA Large

Aa #E04D01 on #FF7700 1.51:1 Fail

Aa #251D3A on #2A2550 1.12: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

#FF5200 #6F0000 #00263B #00A1AB

4 colors

#000000 #0F6292 #16FF00 #FFED00

4 colors

#FFA900 #9D8221 #014441 #01252A

4 colors