Sign Up Sign Up
4-Color Nârenji Orange Palette

4-Color Nârenji Orange Palette

4-color palette · Cool · Dark · Complementary harmony

Back to Library

4-Color Nârenji Orange Palette

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

Modify
Vibrant 4 colors Cool Dark Complementary
Likes 3,792
Colors 4

CSS variables

:root {
  --c-vibrant-1: #0C2233;
  --c-vibrant-2: #065471;
  --c-vibrant-3: #0A91AB;
  --c-vibrant-4: #FFC045;
}

About this palette

This 4-color vibrant palette runs from Nârenji Orange (#FFC045) as its lightest tone to Fog of War (#0C2233) as its darkest. It blends Fog of War, Night Kite, Aquarium Diver and Nârenji 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 #0C2233 on #FFC045 at 9.97:1.

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

Color breakdown

Fog of War #0C2233
RGB
rgb(12, 34, 51)
HSL
hsl(206, 62%, 12%)
Luminance
0.015
Night Kite #065471
RGB
rgb(6, 84, 113)
HSL
hsl(196, 90%, 23%)
Luminance
0.076
Aquarium Diver #0A91AB
RGB
rgb(10, 145, 171)
HSL
hsl(190, 89%, 35%)
Luminance
0.233
Nârenji Orange #FFC045
RGB
rgb(255, 192, 69)
HSL
hsl(40, 100%, 64%)
Luminance
0.594

Contrast & accessibility

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

Aa #0C2233 on #FFC045 9.97:1 AAA
Aa #065471 on #FFC045 5.12:1 AA
Aa #0C2233 on #0A91AB 4.37:1 AA Large
Aa #0A91AB on #FFC045 2.28:1 Fail
Aa #065471 on #0A91AB 2.25:1 Fail
Aa #0C2233 on #065471 1.95:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC
4 colors
#0A2647 #144272 #205295 #2C74B3
4 colors
#040D12 #183D3D #5C8374 #93B1A6
4 colors
#142850 #27496D #0C7B93 #00A8CC
4 colors
#635985 #443C68 #393053 #18122B
4 colors
#000000 #150050 #3F0071 #610094
4 colors
#151515 #301B3F #3C415C #B4A5A5
4 colors
#041C32 #04293A #064663 #ECB365
4 colors