Created at 06/06/2025 10:53
Flutter Soft Motion
Widget Moonbeam
#f2f6fc
SafeZone Cerulean
#00b4d8
Focus Heliotrope
#ddbdd5
HotReload Coral Dust
#ff9770
Dart Graphite Core
#232931
Layout Cream Frost
#fff9f0
The palette consists of Light, Dark colors. Accent colors SafeZone Cerulean #00b4d8 and Layout Cream Frost #fff9f0. Palette has Neutral, Cool, Warm colors temperature.
Palette Flutter Soft Motion has combination of 6 codes colors:
HEX: #f2f6fc, RGB: (242, 246, 252); HEX: #00b4d8, RGB: (0, 180, 216); HEX: #ddbdd5, RGB: (221, 189, 213)
HEX: #ff9770, RGB: (255, 151, 112); HEX: #232931, RGB: (35, 41, 49); HEX: #fff9f0, RGB: (255, 249, 240)
Simplified version of palette colors
Tint of ghostwhite, Tint of deepskyblue, Tint of thistle, Tint of lightsalmon, Shade of Black, Tint of floralwhite
Color scheme was created by bad_colors
Colors codes in palette
Flutter Soft Motion color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f2f6fc | #f2f6fc | RGB(242, 246, 252) | Widget Moonbeam | — |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | SafeZone Cerulean | — |
| #ddbdd5 | #ddbdd5 | RGB(221, 189, 213) | Focus Heliotrope | — |
| #ff9770 | #ff9770 | RGB(255, 151, 112) | HotReload Coral Dust | — |
| #232931 | #232931 | RGB(35, 41, 49) | Dart Graphite Core | — |
| #fff9f0 | #fff9f0 | RGB(255, 249, 240) | Layout Cream Frost | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f2f6fc | #ddbdd5 | 1.57 |
#f2f6fc | #ff9770 | 1.95 |
#f2f6fc | #fff9f0 | 1.03 |
#00b4d8 | #ddbdd5 | 1.44 |
#00b4d8 | #ff9770 | 1.16 |
#ddbdd5 | #ff9770 | 1.24 |
Image palette Flutter Soft Motion png
Export Palette
Download the "Flutter Soft Motion" in multiple formats for seamless integration into your design projects.
Available formats: