Generate Palette
  1. Color Palettes
  2. Mobile First Accessibility Kit

Mobile First Accessibility Kit

  • Readability Navy
    #1d2545
  • Tap Yellow
    #fff176
  • Focus Ring Aqua
    #38f3e2
  • Content Vanilla
    #fdf4e3
  • Contrast Coral
    #fa7268
  • Clear Text Gray
    #3b3b3b
  1
Created at 06/16/2025 20:09
bybad_colors
The palette consists of Dark, Light, Semi dark colors. Accent colors Tap Yellow #fff176 and Focus Ring Aqua #38f3e2. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1D2545 (darkest) to #FDF4E3 (lightest). The lightness range is wide.

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

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

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

HEX codes (sorted): #1D2545, #38F3E2, #3B3B3B, #FA7268, #FDF4E3, #FFF176

Palette Mobile First Accessibility Kit combines 6 color codes:
HEX: #1d2545, RGB: (29, 37, 69); HEX: #fff176, RGB: (255, 241, 118); HEX: #38f3e2, RGB: (56, 243, 226)
HEX: #fdf4e3, RGB: (253, 244, 227); HEX: #fa7268, RGB: (250, 114, 104); HEX: #3b3b3b, RGB: (59, 59, 59)
Simplified version of palette colors
Tint of Midnight Blue, Tint of Khaki, Tint of Turquoise, Shade of Old Lace, Shade of Salmon, Shade of Dark Slate Gray
Color scheme was created by bad_colors

Color codes in palette

Mobile First Accessibility Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1d2545 #1d2545 RGB(29, 37, 69)Readability Navy—
#fff176 #fff176 RGB(255, 241, 118)Tap Yellow—
#38f3e2 #38f3e2 RGB(56, 243, 226)Focus Ring Aqua—
#fdf4e3 #fdf4e3 RGB(253, 244, 227)Content Vanilla—
#fa7268 #fa7268 RGB(250, 114, 104)Contrast Coral—
#3b3b3b #3b3b3b RGB(59, 59, 59)Clear Text GrayGray23

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1d2545
#3b3b3b
1.33
#fff176
#38f3e2
1.19
#fff176
#fdf4e3
1.06
#38f3e2
#fdf4e3
1.27
#38f3e2
#fa7268
1.96

Image palette Mobile First Accessibility Kit png

Mobile First Accessibility Kit - #552247
 Download image