Created at 07/04/2025 19:59
Figma Wireframe Flow
Blueprint Navy
#30475e
Sketch Gray
#dde1e6
Anchor Teal
#3aafa9
Sticky Yellow
#ffe66d
Canvas Cream
#fdf6ec
Link Black
#121212
The palette consists of Light, Dark colors. Accent colors Anchor Teal #3aafa9 and Sticky Yellow #ffe66d. Palette has Cool, Neutral, Warm colors temperature.
Palette Figma Wireframe Flow has combination of 6 codes colors:
HEX: #30475e, RGB: (48, 71, 94); HEX: #dde1e6, RGB: (221, 225, 230); HEX: #3aafa9, RGB: (58, 175, 169)
HEX: #ffe66d, RGB: (255, 230, 109); HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #121212, RGB: (18, 18, 18)
Simplified version of palette colors
Tint of darkslateblue, Shade of gainsboro, Shade of lightseagreen, Shade of Khaki, Tint of floralwhite, Shade of Black
Color scheme was created by palettespicker
Colors codes in palette
Figma Wireframe Flow color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #30475e | #30475e | RGB(48, 71, 94) | Blueprint Navy | — |
| #dde1e6 | #dde1e6 | RGB(221, 225, 230) | Sketch Gray | — |
| #3aafa9 | #3aafa9 | RGB(58, 175, 169) | Anchor Teal | — |
| #ffe66d | #ffe66d | RGB(255, 230, 109) | Sticky Yellow | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Canvas Cream | — |
| #121212 | #121212 | RGB(18, 18, 18) | Link Black | Dark Tone Ink |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#30475e | #121212 | 1.95 |
#dde1e6 | #ffe66d | 1.05 |
#dde1e6 | #fdf6ec | 1.22 |
#ffe66d | #fdf6ec | 1.16 |
Image palette Figma Wireframe Flow png
Export Palette
Download the "Figma Wireframe Flow" in multiple formats for seamless integration into your design projects.
Available formats: