Loading...
Created at 06/06/2025 09:30
Flutter Crosslight Palette
- Widget Sky Blue#89cff0
- Dart Wave#2d6a8b
- HotReload Citrus#ffbc42
- Focus Drift#3c3744
- Layout Cloud#fbfbfb
- SafeZone Purple#a29bfe
The palette consists of Light, Semi dark colors. Accent colors HotReload Citrus #ffbc42 and SafeZone Purple #a29bfe. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #3C3744 (darkest) to #FBFBFB (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): #2D6A8B, #3C3744, #89CFF0, #A29BFE, #FBFBFB, #FFBC42
Palette Flutter Crosslight Palette has combination of 6 codes colors:
HEX: #89cff0, RGB: (137, 207, 240); HEX: #2d6a8b, RGB: (45, 106, 139); HEX: #ffbc42, RGB: (255, 188, 66)
HEX: #3c3744, RGB: (60, 55, 68); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #a29bfe, RGB: (162, 155, 254)
Simplified version of palette colors
Shade of skyblue, Tint of steelblue, Shade of Orange, Shade of Black, Tint of White, Tint of lightsteelblue
Color scheme was created by bad_colors
Colors codes in palette
Flutter Crosslight Palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #89cff0 | #89cff0 | RGB(137, 207, 240) | Widget Sky Blue | Pool Tiles |
| #2d6a8b | #2d6a8b | RGB(45, 106, 139) | Dart Wave | — |
| #ffbc42 | #ffbc42 | RGB(255, 188, 66) | HotReload Citrus | — |
| #3c3744 | #3c3744 | RGB(60, 55, 68) | Focus Drift | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Layout Cloud | Whiteout |
| #a29bfe | #a29bfe | RGB(162, 155, 254) | SafeZone Purple | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#89cff0 | #ffbc42 | 1.02 |
#89cff0 | #fbfbfb | 1.65 |
#89cff0 | #a29bfe | 1.41 |
#2d6a8b | #3c3744 | 1.94 |
#ffbc42 | #fbfbfb | 1.62 |
#ffbc42 | #a29bfe | 1.44 |
Image palette Flutter Crosslight Palette png
Export Palette
Download the "Flutter Crosslight Palette" in multiple formats for seamless integration into your design projects.
Available formats: