Sign Up Sign Up
GB Bogtoad

GB Bogtoad

4-color palette · Warm · Dark · Analogous harmony

Back to Library

GB Bogtoad

4-color palette · Warm temperature · Dark tone · Analogous harmony

Modify
Muted 4 colors Warm Dark Analogous simple gameboy 2bit weird
Likes 15
Colors 4

CSS variables

:root {
  --c-muted-1: #A8A040;
  --c-muted-2: #418F01;
  --c-muted-3: #705A02;
  --c-muted-4: #2C3301;
}

About this palette

This 4-color muted palette runs from Machine Green (#A8A040) as its lightest tone to Wasabi Nori (#2C3301) as its darkest. It blends Machine Green, Mughal Green, Pickled Grape Leaves and Wasabi Nori into a single set you can drop straight into a UI. Of its 6 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #A8A040 on #2C3301 at 4.91:1.

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

Color breakdown

Machine Green #A8A040
RGB
rgb(168, 160, 64)
HSL
hsl(55, 45%, 45%)
Luminance
0.338
Mughal Green #418F01
RGB
rgb(65, 143, 1)
HSL
hsl(93, 99%, 28%)
Luminance
0.208
Pickled Grape Leaves #705A02
RGB
rgb(112, 90, 2)
HSL
hsl(48, 96%, 22%)
Luminance
0.108
Wasabi Nori #2C3301
RGB
rgb(44, 51, 1)
HSL
hsl(68, 96%, 10%)
Luminance
0.029

Contrast & accessibility

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

Aa #A8A040 on #2C3301 4.91:1 AA
Aa #418F01 on #2C3301 3.26:1 AA Large
Aa #A8A040 on #705A02 2.46:1 Fail
Aa #705A02 on #2C3301 1.99:1 Fail
Aa #418F01 on #705A02 1.64:1 Fail
Aa #A8A040 on #418F01 1.51: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