Loading...
Created at 06/16/2025 20:07
Figma Design Language Evolution
- Prototype Cyan#00cfff
- Layer Ink#141c2b
- Variant Peach#fbc6ac
- Wireframe Steel#d9dee3
- Component Plum#7a4eab
- Overlay Apricot#ffd4a3
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 — 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): #00CFFF, #141C2B, #7A4EAB, #D9DEE3, #FBC6AC, #FFD4A3
Palette Figma Design Language Evolution has combination of 6 codes colors:
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
Shade of deepskyblue, Shade of Black, Tint of peachpuff, Shade of gainsboro, Tint of slateblue, Tint of navajowhite
Color scheme was created by raccoon
Colors 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
Export Palette
Download the "Figma Design Language Evolution" in multiple formats for seamless integration into your design projects.
Available formats: