Sign Up Sign Up
Strange Fantasy

Strange Fantasy

9-color palette · Cool · Dark · Analogous harmony

Back to Library

Strange Fantasy

9-color palette · Cool temperature · Dark tone · Analogous harmony

Modify
Muted 9 colors Cool Dark Analogous simple fantasy gloomy
Likes 19
Colors 9

CSS variables

:root {
  --c-muted-1: #0E0D1E;
  --c-muted-2: #0E0C23;
  --c-muted-3: #141227;
  --c-muted-4: #222034;
  --c-muted-5: #302E49;
  --c-muted-6: #0E3D2A;
  --c-muted-7: #275241;
  --c-muted-8: #4B8A71;
  --c-muted-9: #41BE8C;
}

About this palette

This 9-color muted palette runs from Aragon Green (#41BE8C) as its lightest tone to Tristesse (#0E0D1E) as its darkest. It blends Tristesse, Corbeau, Black Velvet, Black Blueberry, Mizukaze Green, Fresh Mint, Molly Robins and Aragon Green into a single set you can drop straight into a UI. Of its 36 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0E0D1E on #41BE8C at 8.19:1.

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

Color breakdown

Tristesse #0E0D1E
RGB
rgb(14, 13, 30)
HSL
hsl(244, 40%, 8%)
Luminance
0.005
Tristesse #0E0C23
RGB
rgb(14, 12, 35)
HSL
hsl(245, 49%, 9%)
Luminance
0.005
Corbeau #141227
RGB
rgb(20, 18, 39)
HSL
hsl(246, 37%, 11%)
Luminance
0.007
Black Velvet #222034
RGB
rgb(34, 32, 52)
HSL
hsl(246, 24%, 16%)
Luminance
0.016
Black Blueberry #302E49
RGB
rgb(48, 46, 73)
HSL
hsl(244, 23%, 23%)
Luminance
0.031
Mizukaze Green #0E3D2A
RGB
rgb(14, 61, 42)
HSL
hsl(156, 63%, 15%)
Luminance
0.036
Fresh Mint #275241
RGB
rgb(39, 82, 65)
HSL
hsl(156, 36%, 24%)
Luminance
0.069
Molly Robins #4B8A71
RGB
rgb(75, 138, 113)
HSL
hsl(156, 30%, 42%)
Luminance
0.209
Aragon Green #41BE8C
RGB
rgb(65, 190, 140)
HSL
hsl(156, 49%, 50%)
Luminance
0.398

Contrast & accessibility

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

Aa #0E0D1E on #41BE8C 8.19:1 AAA
Aa #0E0C23 on #41BE8C 8.19:1 AAA
Aa #141227 on #41BE8C 7.83:1 AAA
Aa #222034 on #41BE8C 6.77:1 AA
Aa #302E49 on #41BE8C 5.56:1 AA
Aa #0E3D2A on #41BE8C 5.22:1 AA
Aa #0E0D1E on #4B8A71 4.72:1 AA
Aa #0E0C23 on #4B8A71 4.72:1 AA
Aa #141227 on #4B8A71 4.52:1 AA
Aa #222034 on #4B8A71 3.91:1 AA Large
Aa #275241 on #41BE8C 3.79:1 AA Large
Aa #302E49 on #4B8A71 3.21:1 AA Large
Aa #0E3D2A on #4B8A71 3.01:1 AA Large
Aa #275241 on #4B8A71 2.18:1 Fail
Aa #0E0D1E on #275241 2.16:1 Fail
Aa #0E0C23 on #275241 2.16:1 Fail
Aa #141227 on #275241 2.07:1 Fail
Aa #222034 on #275241 1.79:1 Fail
Aa #4B8A71 on #41BE8C 1.73:1 Fail
Aa #0E0D1E on #0E3D2A 1.57:1 Fail
Aa #0E0C23 on #0E3D2A 1.57:1 Fail
Aa #141227 on #0E3D2A 1.50:1 Fail
Aa #0E0D1E on #302E49 1.47:1 Fail
Aa #0E0C23 on #302E49 1.47:1 Fail
Aa #302E49 on #275241 1.47:1 Fail
Aa #141227 on #302E49 1.41:1 Fail
Aa #0E3D2A on #275241 1.38:1 Fail
Aa #222034 on #0E3D2A 1.30:1 Fail
Aa #222034 on #302E49 1.22:1 Fail
Aa #0E0D1E on #222034 1.21:1 Fail
Aa #0E0C23 on #222034 1.21:1 Fail
Aa #141227 on #222034 1.16:1 Fail
Aa #302E49 on #0E3D2A 1.07:1 Fail
Aa #0E0D1E on #141227 1.05:1 Fail
Aa #0E0C23 on #141227 1.05:1 Fail
Aa #0E0D1E on #0E0C23 1.00: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