Sign Up Sign Up
Sunset Horizon

Sunset Horizon

11-color palette · Warm · Dark · Triadic harmony

Back to Library

Sunset Horizon

11-color palette · Warm temperature · Dark tone · Triadic harmony

Modify
Muted 11 colors Warm Dark Triadic warm sunset calm
Likes 36
Colors 11

CSS variables

:root {
  --c-muted-1: #02011B;
  --c-muted-2: #140437;
  --c-muted-3: #380849;
  --c-muted-4: #64103F;
  --c-muted-5: #761631;
  --c-muted-6: #922232;
  --c-muted-7: #A43E2E;
  --c-muted-8: #B66F3B;
  --c-muted-9: #C8A44F;
  --c-muted-10: #D1CF5D;
  --c-muted-11: #DBD875;
}

About this palette

This 11-color muted palette runs from Moist Gold (#DBD875) as its lightest tone to Hadopelagic Water (#02011B) as its darkest. It blends Hadopelagic Water, Quiet Abyss, Romanic Scene, Her Fierceness, Deep Claret, Rio Red, Edocha, Orange Ballad, Golden Sheaf, Energised and Moist Gold into a single set you can drop straight into a UI. Of its 55 color pairings, 19 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #02011B on #DBD875 at 13.78:1.

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

Color breakdown

Hadopelagic Water #02011B
RGB
rgb(2, 1, 27)
HSL
hsl(242, 93%, 5%)
Luminance
0.001
Quiet Abyss #140437
RGB
rgb(20, 4, 55)
HSL
hsl(259, 86%, 12%)
Luminance
0.005
Romanic Scene #380849
RGB
rgb(56, 8, 73)
HSL
hsl(284, 80%, 16%)
Luminance
0.015
Her Fierceness #64103F
RGB
rgb(100, 16, 63)
HSL
hsl(326, 72%, 23%)
Luminance
0.034
Deep Claret #761631
RGB
rgb(118, 22, 49)
HSL
hsl(343, 69%, 27%)
Luminance
0.047
Rio Red #922232
RGB
rgb(146, 34, 50)
HSL
hsl(351, 62%, 35%)
Luminance
0.075
Edocha #A43E2E
RGB
rgb(164, 62, 46)
HSL
hsl(8, 56%, 41%)
Luminance
0.115
Orange Ballad #B66F3B
RGB
rgb(182, 111, 59)
HSL
hsl(25, 51%, 47%)
Luminance
0.216
Golden Sheaf #C8A44F
RGB
rgb(200, 164, 79)
HSL
hsl(42, 52%, 55%)
Luminance
0.394
Energised #D1CF5D
RGB
rgb(209, 207, 93)
HSL
hsl(59, 56%, 59%)
Luminance
0.590
Moist Gold #DBD875
RGB
rgb(219, 216, 117)
HSL
hsl(58, 59%, 66%)
Luminance
0.655

Contrast & accessibility

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

Aa #02011B on #DBD875 13.78:1 AAA
Aa #140437 on #DBD875 12.78:1 AAA
Aa #02011B on #D1CF5D 12.51:1 AAA
Aa #140437 on #D1CF5D 11.61:1 AAA
Aa #380849 on #DBD875 10.85:1 AAA
Aa #380849 on #D1CF5D 9.85:1 AAA
Aa #02011B on #C8A44F 8.68:1 AAA
Aa #64103F on #DBD875 8.35:1 AAA
Aa #140437 on #C8A44F 8.06:1 AAA
Aa #64103F on #D1CF5D 7.58:1 AAA
Aa #761631 on #DBD875 7.30:1 AAA
Aa #380849 on #C8A44F 6.83:1 AA
Aa #761631 on #D1CF5D 6.63:1 AA
Aa #922232 on #DBD875 5.64:1 AA
Aa #64103F on #C8A44F 5.26:1 AA
Aa #02011B on #B66F3B 5.21:1 AA
Aa #922232 on #D1CF5D 5.12:1 AA
Aa #140437 on #B66F3B 4.83:1 AA
Aa #761631 on #C8A44F 4.60:1 AA
Aa #A43E2E on #DBD875 4.26:1 AA Large
Aa #380849 on #B66F3B 4.10:1 AA Large
Aa #A43E2E on #D1CF5D 3.87:1 AA Large
Aa #922232 on #C8A44F 3.56:1 AA Large
Aa #02011B on #A43E2E 3.23:1 AA Large
Aa #64103F on #B66F3B 3.16:1 AA Large
Aa #140437 on #A43E2E 3.00:1 AA Large
Aa #761631 on #B66F3B 2.76:1 Fail
Aa #A43E2E on #C8A44F 2.68:1 Fail
Aa #B66F3B on #DBD875 2.65:1 Fail
Aa #380849 on #A43E2E 2.55:1 Fail
Aa #02011B on #922232 2.44:1 Fail
Aa #B66F3B on #D1CF5D 2.40:1 Fail
Aa #140437 on #922232 2.27:1 Fail
Aa #922232 on #B66F3B 2.13:1 Fail
Aa #64103F on #A43E2E 1.96:1 Fail
Aa #380849 on #922232 1.92:1 Fail
Aa #02011B on #761631 1.89:1 Fail
Aa #140437 on #761631 1.75:1 Fail
Aa #761631 on #A43E2E 1.71:1 Fail
Aa #B66F3B on #C8A44F 1.67:1 Fail
Aa #02011B on #64103F 1.65:1 Fail
Aa #A43E2E on #B66F3B 1.61:1 Fail
Aa #C8A44F on #DBD875 1.59:1 Fail
Aa #140437 on #64103F 1.53:1 Fail
Aa #380849 on #761631 1.49:1 Fail
Aa #64103F on #922232 1.48:1 Fail
Aa #C8A44F on #D1CF5D 1.44:1 Fail
Aa #922232 on #A43E2E 1.32:1 Fail
Aa #380849 on #64103F 1.30:1 Fail
Aa #761631 on #922232 1.29:1 Fail
Aa #02011B on #380849 1.27:1 Fail
Aa #140437 on #380849 1.18:1 Fail
Aa #64103F on #761631 1.14:1 Fail
Aa #D1CF5D on #DBD875 1.10:1 Fail
Aa #02011B on #140437 1.08:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors