Accessible Neural Style Guide

  • Contrast Mint
    #d0f4de
  • Voice Yellow
    #fde74c
  • Command Charcoal
    #282828
  • Instruction Rose
    #ffb3c6
  • UX Light
    #fdfdfd
  1
Created at 07/08/2025 20:00
The palette consists of Light, Dark colors. Accent colors Contrast Mint #d0f4de and Instruction Rose #ffb3c6. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #282828 (darkest) to #FDFDFD (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 60% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans warm (2 of 5).

HEX codes (sorted): #282828, #D0F4DE, #FDE74C, #FDFDFD, #FFB3C6

Palette Accessible Neural Style Guide combines 5 color codes:
HEX: #d0f4de, RGB: (208, 244, 222); HEX: #fde74c, RGB: (253, 231, 76); HEX: #282828, RGB: (40, 40, 40)
HEX: #ffb3c6, RGB: (255, 179, 198); HEX: #fdfdfd, RGB: (253, 253, 253)
Simplified version of palette colors
Shade of Honeydew, Tint of Gold, Tint of Black, Shade of Light Pink, Shade of White
Color scheme was created by colorstudio

Color codes in palette

Accessible Neural Style Guide color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#d0f4de#d0f4deRGB(208, 244, 222)Contrast Mint—
#fde74c#fde74cRGB(253, 231, 76)Voice Yellow—
#282828#282828RGB(40, 40, 40)Command CharcoalDire Wolf
#ffb3c6#ffb3c6RGB(255, 179, 198)Instruction Rose—
#fdfdfd#fdfdfdRGB(253, 253, 253)UX LightBrilliance

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#d0f4de
#fde74c
1.05
#d0f4de
#ffb3c6
1.41
#d0f4de
#fdfdfd
1.16
#fde74c
#ffb3c6
1.33
#fde74c
#fdfdfd
1.23
#ffb3c6
#fdfdfd
1.64

Image palette Accessible Neural Style Guide png