Figma Interface Data Flow
- Vector Peach#ffd6a5
- Canvas Neutral#e5e5e5
- Boolean Berry#e29578
- AutoLayout Aqua#00c2cb
- Selection Indigo#4b4aef
- Prototype Gray#606060
Created at 07/07/2025 16:58
The palette consists of Light, Semi dark colors. Accent colors Vector Peach #ffd6a5 and AutoLayout Aqua #00c2cb. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #606060 (darkest) to #E5E5E5 (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (2 warm, 2 cool).
HEX codes (sorted): #00C2CB, #4B4AEF, #606060, #E29578, #E5E5E5, #FFD6A5
Palette Figma Interface Data Flow combines 6 color codes:
HEX: #ffd6a5, RGB: (255, 214, 165); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #e29578, RGB: (226, 149, 120)
HEX: #00c2cb, RGB: (0, 194, 203); HEX: #4b4aef, RGB: (75, 74, 239); HEX: #606060, RGB: (96, 96, 96)
Simplified version of palette colors
Shade of Navajo White, Tint of Gainsboro, Shade of Dark Salmon, Shade of Dark Turquoise, Shade of Slate Blue, Shade of Dim Gray
Color scheme was created by colorslib
Color codes in palette
Figma Interface Data Flow color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Vector Peach | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Canvas Neutral | Gray90 |
| #e29578 | #e29578 | RGB(226, 149, 120) | Boolean Berry | — |
| #00c2cb | #00c2cb | RGB(0, 194, 203) | AutoLayout Aqua | — |
| #4b4aef | #4b4aef | RGB(75, 74, 239) | Selection Indigo | — |
| #606060 | #606060 | RGB(96, 96, 96) | Prototype Gray | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#ffd6a5 | #e5e5e5 | 1.08 |
#ffd6a5 | #e29578 | 1.75 |
#ffd6a5 | #00c2cb | 1.6 |
#e5e5e5 | #e29578 | 1.89 |
#e5e5e5 | #00c2cb | 1.74 |
#e29578 | #00c2cb | 1.08 |
Image palette Figma Interface Data Flow png
Export Palette
Download the "Figma Interface Data Flow" in multiple formats for seamless integration into your design projects.
Available formats: