Generate Palette
  1. Color Palettes
  2. Figma Design Language Evolution

Figma Design Language Evolution

  • Prototype Cyan
    #00cfff
  • Layer Ink
    #141c2b
  • Variant Peach
    #fbc6ac
  • Wireframe Steel
    #d9dee3
  • Component Plum
    #7a4eab
  • Overlay Apricot
    #ffd4a3
  6
Created at 06/16/2025 20:07
byraccoon
The palette consists of Light, Dark, Semi dark colors. Accent colors Prototype Cyan #00cfff and Overlay Apricot #ffd4a3. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #141C2B (darkest) to #D9DEE3 (lightest). The lightness range is wide.

Saturation is mixed — 1 muted and 3 vivid out of 6 colors.

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

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

HEX codes (sorted): #00CFFF, #141C2B, #7A4EAB, #D9DEE3, #FBC6AC, #FFD4A3

Palette Figma Design Language Evolution combines 6 color codes:
HEX: #00cfff, RGB: (0, 207, 255); HEX: #141c2b, RGB: (20, 28, 43); HEX: #fbc6ac, RGB: (251, 198, 172)
HEX: #d9dee3, RGB: (217, 222, 227); HEX: #7a4eab, RGB: (122, 78, 171); HEX: #ffd4a3, RGB: (255, 212, 163)
Simplified version of palette colors
Tint of Deep Sky Blue, Tint of Black, Shade of Peach Puff, Tint of Gainsboro, Shade of Slate Blue, Shade of Navajo White
Color scheme was created by raccoon

Color codes in palette

Figma Design Language Evolution color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#00cfff #00cfff RGB(0, 207, 255)Prototype Cyan—
#141c2b #141c2b RGB(20, 28, 43)Layer Ink—
#fbc6ac #fbc6ac RGB(251, 198, 172)Variant Peach—
#d9dee3 #d9dee3 RGB(217, 222, 227)Wireframe Steel—
#7a4eab #7a4eab RGB(122, 78, 171)Component Plum—
#ffd4a3 #ffd4a3 RGB(255, 212, 163)Overlay Apricot—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00cfff
#fbc6ac
1.21
#00cfff
#d9dee3
1.36
#00cfff
#ffd4a3
1.33
#fbc6ac
#d9dee3
1.12
#fbc6ac
#ffd4a3
1.1
#d9dee3
#ffd4a3
1.02

Image palette Figma Design Language Evolution png

Figma Design Language Evolution color palette: Prototype Cyan, Layer Ink, Variant Peach, Wireframe Steel, Component Plum
 Download image