Generate Palette
  1. Colors palettes
  2. Focus Layer System
Created at 05/27/2025 22:08
bycolorhunt
  6

Focus Layer System

  • UX Gray
    #bfbfbf
  • Signal Teal
    #16c7ae
  • Warm White
    #fafaf8
  • Structural Black
    #1b1b1b
  • Magenta Tag
    #d84797
  • Neon Steel
    #34425a
The palette consists of Light, 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).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

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

Palette Focus Layer System has combination of 6 codes colors:
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
Tint of Silver, Tint of mediumaquamarine, Shade of whitesmoke, Shade of Black, Shade of deeppink, Tint of darkslateblue
Color scheme was created by colorhunt

Colors 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 - #549641
 Download image