Created at 07/11/2025 21:11
  1

Adaptive UI Figma System Tokens

  • Grid Cream
    #fff7ec
  • Vector Coral
    #ff6b6b
  • Anchor Teal
    #2ec4b6
  • Outline Navy
    #003049
  • Focus Mint
    #cfffb0
  • State Lilac
    #cabbe9
  • Overlay Graphite
    #2b2d42
  • Canvas White
    #fafafa
The palette consists of Light, Dark colors. Accent colors Grid Cream #fff7ec and Outline Navy #003049. Palette has Neutral, Warm, Cool colors temperature.

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

Overall saturation feels vivid (higher 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): #003049, #2B2D42, #2EC4B6, #CABBE9, #CFFFB0, #FAFAFA, #FF6B6B, #FFF7EC

Palette Adaptive UI Figma System Tokens has combination of 8 codes colors:
HEX: #fff7ec, RGB: (255, 247, 236); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #2ec4b6, RGB: (46, 196, 182)
HEX: #003049, RGB: (0, 48, 73); HEX: #cfffb0, RGB: (207, 255, 176); HEX: #cabbe9, RGB: (202, 187, 233)
HEX: #2b2d42, RGB: (43, 45, 66); HEX: #fafafa, RGB: (250, 250, 250)
Simplified version of palette colors
Tint of floralwhite, Tint of salmon, Tint of mediumturquoise, Shade of midnightblue, Shade of palegreen, Tint of thistle, Shade of midnightblue, Shade of whitesmoke
Color scheme was created by colorslib

Colors codes in palette

Adaptive UI Figma System Tokens color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fff7ec #fff7ec RGB(255, 247, 236)Grid Cream
#ff6b6b #ff6b6b RGB(255, 107, 107)Vector Coral
#2ec4b6 #2ec4b6 RGB(46, 196, 182)Anchor Teal
#003049 #003049 RGB(0, 48, 73)Outline Navy
#cfffb0 #cfffb0 RGB(207, 255, 176)Focus Mint
#cabbe9 #cabbe9 RGB(202, 187, 233)State Lilac
#2b2d42 #2b2d42 RGB(43, 45, 66)Overlay Graphite
#fafafa #fafafa RGB(250, 250, 250)Canvas WhiteDr. White

Color Palette Contrast

11 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fff7ec
#cfffb0
1.06
#fff7ec
#cabbe9
1.67
#fff7ec
#fafafa
1.01
#ff6b6b
#2ec4b6
1.28
#ff6b6b
#cabbe9
1.55
#2ec4b6
#cfffb0
1.91

Image palette Adaptive UI Figma System Tokens png