Sign Up Sign Up
CGA Palette 2 (Low)

CGA Palette 2 (Low)

4-color palette · Neutral · Dark · Complementary harmony

Back to Library

CGA Palette 2 (Low)

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

Modify
Muted 4 colors Neutral Dark Complementary hardware computer cga
Likes 38
Colors 4

CSS variables

:root {
  --c-muted-1: #000000;
  --c-muted-2: #AA0000;
  --c-muted-3: #00AAAA;
  --c-muted-4: #AAAAAA;
}

About this palette

This 4-color muted palette runs from Dhūsar Grey (#AAAAAA) as its lightest tone to Black (#000000) as its darkest. It blends Black, Heartbeat, Jade Orchid and Dhūsar Grey 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 #000000 on #AAAAAA at 9.04:1.

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

Color breakdown

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Heartbeat #AA0000
RGB
rgb(170, 0, 0)
HSL
hsl(0, 100%, 33%)
Luminance
0.086
Jade Orchid #00AAAA
RGB
rgb(0, 170, 170)
HSL
hsl(180, 100%, 33%)
Luminance
0.317
Dhūsar Grey #AAAAAA
RGB
rgb(170, 170, 170)
HSL
hsl(0, 0%, 67%)
Luminance
0.402

Contrast & accessibility

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

Aa #000000 on #AAAAAA 9.04:1 AAA
Aa #000000 on #00AAAA 7.33:1 AAA
Aa #AA0000 on #AAAAAA 3.34:1 AA Large
Aa #000000 on #AA0000 2.71:1 Fail
Aa #AA0000 on #00AAAA 2.71:1 Fail
Aa #00AAAA on #AAAAAA 1.23: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
#251D3A #2A2550 #E04D01 #FF7700
4 colors