Generate Palette
  1. Colors palettes
  2. Design Systems Engineering Mode
Created at 07/10/2025 08:48
bycolourlock
  1

Design Systems Engineering Mode

  • Token Snow
    #f9f9f9
  • Module Black
    #1a1a1a
  • Atomic Teal
    #00c49a
  • Hierarchy Pink
    #f4978e
  • Overlay Sky
    #c1efff
  • Blueprint Grey
    #adb5bd
The palette consists of Light, Dark colors. Accent colors Hierarchy Pink #f4978e and Overlay Sky #c1efff. Palette has Neutral, Cool, Warm colors temperature.

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

Saturation is mixed — some muted swatches and some vivid accents.

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): #00C49A, #1A1A1A, #ADB5BD, #C1EFFF, #F4978E, #F9F9F9

Palette Design Systems Engineering Mode has combination of 6 codes colors:
HEX: #f9f9f9, RGB: (249, 249, 249); HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #00c49a, RGB: (0, 196, 154)
HEX: #f4978e, RGB: (244, 151, 142); HEX: #c1efff, RGB: (193, 239, 255); HEX: #adb5bd, RGB: (173, 181, 189)
Simplified version of palette colors
Shade of whitesmoke, Shade of Black, Tint of mediumaquamarine, Shade of lightcoral, Shade of lightblue, Shade of darkgrey
Color scheme was created by colourlock

Colors codes in palette

Design Systems Engineering Mode color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f9f9f9 #f9f9f9 RGB(249, 249, 249)Token SnowDoctor
#1a1a1a #1a1a1a RGB(26, 26, 26)Module BlackGray10
#00c49a #00c49a RGB(0, 196, 154)Atomic Teal—
#f4978e #f4978e RGB(244, 151, 142)Hierarchy Pink—
#c1efff #c1efff RGB(193, 239, 255)Overlay Sky—
#adb5bd #adb5bd RGB(173, 181, 189)Blueprint Grey—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f9f9f9
#c1efff
1.16
#f9f9f9
#adb5bd
1.97
#00c49a
#f4978e
1.03
#00c49a
#c1efff
1.82
#00c49a
#adb5bd
1.08
#f4978e
#c1efff
1.76

Image palette Design Systems Engineering Mode png

Design Systems Engineering Mode - #554568
 Download image