Generate Palette
  1. Color Palettes
  2. Focus Layer System

Focus Layer System

  • UX Gray
    #bfbfbf
  • Signal Teal
    #16c7ae
  • Warm White
    #fafaf8
  • Structural Black
    #1b1b1b
  • Magenta Tag
    #d84797
  • Neon Steel
    #34425a
  6
Created at 05/27/2025 22:08
bycolorhunt
The palette consists of Light, Dark, Semi dark colors. Accent colors Signal Teal #16c7ae and Magenta Tag #d84797. Palette has Neutral, Cool, Warm colors temperature.

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

Overall saturation feels mostly muted (lower chroma) — 67% of colors are muted.

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

Overall temperature among swatches leans cool (2 of 6).

HEX codes (sorted): #16C7AE, #1B1B1B, #34425A, #BFBFBF, #D84797, #FAFAF8

Palette Focus Layer System combines 6 color codes:
HEX: #bfbfbf, RGB: (191, 191, 191); HEX: #16c7ae, RGB: (22, 199, 174); HEX: #fafaf8, RGB: (250, 250, 248)
HEX: #1b1b1b, RGB: (27, 27, 27); HEX: #d84797, RGB: (216, 71, 151); HEX: #34425a, RGB: (52, 66, 90)
Simplified version of palette colors
Shade of Silver, Shade of Medium Aquamarine, Tint of White Smoke, Tint of Black, Tint of Deep Pink, Shade of Dark Slate Blue
Color scheme was created by colorhunt

Color codes in palette

Focus Layer System color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#bfbfbf #bfbfbf RGB(191, 191, 191)UX GrayGray75
#16c7ae #16c7ae RGB(22, 199, 174)Signal Teal—
#fafaf8 #fafaf8 RGB(250, 250, 248)Warm White—
#1b1b1b #1b1b1b RGB(27, 27, 27)Structural BlackEerie Black
#d84797 #d84797 RGB(216, 71, 151)Magenta Tag—
#34425a #34425a RGB(52, 66, 90)Neon Steel—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#bfbfbf
#16c7ae
1.16
#bfbfbf
#fafaf8
1.75
#16c7ae
#d84797
1.86
#1b1b1b
#34425a
1.7

Image palette Focus Layer System png

Focus Layer System color palette: UX Gray, Signal Teal, Warm White, Structural Black, Magenta Tag, Neon Steel
 Download image