Sign Up Sign Up
Turquoise Eclipse

Turquoise Eclipse

7-color palette · Cool · Dark · Complementary harmony

Back to Library

Turquoise Eclipse

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

Modify
Muted 7 colors Cool Dark Complementary green night blue moon
Likes 71
Colors 7

CSS variables

:root {
  --c-muted-1: #27B391;
  --c-muted-2: #288C70;
  --c-muted-3: #2B7255;
  --c-muted-4: #35482A;
  --c-muted-5: #291E17;
  --c-muted-6: #130517;
  --c-muted-7: #000000;
}

About this palette

This 7-color muted palette runs from Aoife’s Green (#27B391) as its lightest tone to Black (#000000) as its darkest. It blends Aoife’s Green, Leprechaun, Canadian Pine, Palm Leaf, Weathervane, Crow and Black into a single set you can drop straight into a UI. Of its 21 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #27B391 on #000000 at 7.94:1.

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

Color breakdown

Aoife’s Green #27B391
RGB
rgb(39, 179, 145)
HSL
hsl(165, 64%, 43%)
Luminance
0.347
Leprechaun #288C70
RGB
rgb(40, 140, 112)
HSL
hsl(163, 56%, 35%)
Luminance
0.204
Canadian Pine #2B7255
RGB
rgb(43, 114, 85)
HSL
hsl(155, 45%, 31%)
Luminance
0.132
Palm Leaf #35482A
RGB
rgb(53, 72, 42)
HSL
hsl(98, 26%, 22%)
Luminance
0.056
Weathervane #291E17
RGB
rgb(41, 30, 23)
HSL
hsl(23, 28%, 13%)
Luminance
0.015
Crow #130517
RGB
rgb(19, 5, 23)
HSL
hsl(287, 64%, 5%)
Luminance
0.003
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000

Contrast & accessibility

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

Aa #27B391 on #000000 7.94:1 AAA
Aa #27B391 on #130517 7.48:1 AAA
Aa #27B391 on #291E17 6.15:1 AA
Aa #288C70 on #000000 5.08:1 AA
Aa #288C70 on #130517 4.78:1 AA
Aa #288C70 on #291E17 3.93:1 AA Large
Aa #27B391 on #35482A 3.76:1 AA Large
Aa #2B7255 on #000000 3.64:1 AA Large
Aa #2B7255 on #130517 3.43:1 AA Large
Aa #2B7255 on #291E17 2.82:1 Fail
Aa #288C70 on #35482A 2.40:1 Fail
Aa #27B391 on #2B7255 2.18:1 Fail
Aa #35482A on #000000 2.11:1 Fail
Aa #35482A on #130517 1.99:1 Fail
Aa #2B7255 on #35482A 1.72:1 Fail
Aa #35482A on #291E17 1.63:1 Fail
Aa #27B391 on #288C70 1.57:1 Fail
Aa #288C70 on #2B7255 1.39:1 Fail
Aa #291E17 on #000000 1.29:1 Fail
Aa #291E17 on #130517 1.22:1 Fail
Aa #130517 on #000000 1.06: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